HTML-видео не воспроизводится в браузере Safari

Question

Ниже код отлично работает в Mozilla & Chrome. Но в Safari видео не воспроизводится.

<video id="v-control" width="100%" autoplay="autoplay" loop>
    <source src="assets/img/web home page banner.mp4" type="video/mp4" 
    media="all and (max-width: 480px)">
    <source src="video-small.webm" type="video/webm" media="all and 
    (max-width: 480px)">
    <source src="assets/img/web home page banner.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
</video>

Я попытался preload для тега видео, и если я добавлю controls, я должен нажать кнопку Play. Мне не нужны элементы управления для видео, поэтому я удалил элементы управления.

Answer 1

Добавлен атрибут "отключен"

--- автозапуск приглушенного видео ---

в Chrome у меня все работает и Safari тоже пытается

Answer 2

У меня была похожая проблема с видео, не воспроизводимыми в Safari. Проблема была в моем веб-сервере. Я переместил видео на другой хост-сервер, загрузил его оттуда, и оно заработало.

, например

вместо:

<video src='/assets/myVideo.mp4' controls> </video>

сделать что-то вроде этого:

<video src='https://anotherServer.com/assets/myVideo.mp4' controls> </video>

Answer 3

Safari запущен (в прошлом году), запрещая автоматическое воспроизведение видео с аудиодорожками по умолчанию. Насколько мне известно, они никогда конкретно не публиковали это, однако я считаю, что это было частью следующих изменений:

Safari 11 также позволяет пользователям контролировать, каким веб-сайтам разрешено автоматически воспроизводить видео и аудио, открыв новую панель настроек Safari «Веб-сайты»

( Источник )

Единственные реальные обходные пути для этого - либо удалить звуковую дорожку из видео, либо отключить ее по умолчанию.

<video id="v-control" width="100%" autoplay="autoplay" loop muted>

Если ваш сервер может обнаружить браузер запрашивающей стороны, вы можете применить это только к Safari, оставив другие браузеры такими, какими они были раньше.