HTML5 видео не автовоспроизведение на Chrome и Safari

Может ли кто-нибудь сказать мне, почему это видео HTML5 не работает? Он отлично работает в Firefox, но не в Safari или Chrome. Кажется, не понятно, что происходит.HTML5 видео не автовоспроизведение на Chrome и Safari

Адрес страницы, в которой я работаю http://www.adventures.org/trips/?prg=passport&new=design.

Видео находится за большим логотипом Паспорта.

Вот видео-код.

<video autoplay loop muted class="fillWidth"> 
 
    <source src="http://adventures.org/trips/video/PassportHeader.mp4" type="video/mp4" /> 
 
    <source src="http://adventures.org/trips/video/PassportHeader.webm" type="video/webm" /> 
 
       Your browser does not support the video tag. I suggest you upgrade your browser. 
 
</video>

Спасибо за все предложения! Я наконец-то понял. У видеокодека возникла проблема с API Facebook, расположенным в нижнем колонтитуле.

источник

2015-12-14 justincron

я предлагаю добавление 3-го типа видео, .ogg. Я считаю, что это действительно покроет вас в браузерах. – Brant

Спасибо за предложение @Brant. Я добавил .ogg, но это не изменило ситуацию. Я могу скопировать код на этой странице, пропустить его на любую другую страницу, и он отлично работает. Что-то на этой странице убивает видео ... – justincron

Показать код ..please .. – scaisEdge

Мое предположение заключается в том, что браузер путается с двумя установленными вами источниками. Попробуйте это:

<video autoplay loop muted class="fillWidth"> 
    <source src="http://adventures.org/trips/video/PassportHeader.mp4" type="video/mp4" /> 
</video>

источник

2015-12-14 22:06:40

Я пробовал это, и он тоже не работает. – justincron

Попробуйте проверить canuse тег видео на этом http://caniuse.com/#feat=video

, кажется, есть некоторые проблемы с кодеком в сафари для webm

будет работать в IE9 + и Safari/MacOSX при условии, что пользователь установлены кодеки WebM . Частичная поддержка указывает, что поддерживается хотя бы один кодек , но не все.

проверка внутри нот и ключевых вопросов http://caniuse.com/#feat=webm

источник

2015-12-14 22:09:37 scaisEdge

Не следует ли возвращаться к mp4, если у Safari проблемы с webm? Я бы подумал, что так будет. – justincron

Посмотрите, нужен ли вам правильный кодек, я думаю, что есть ссылка в canuse, и если мой ответ полезен, оцените его – scaisEdge

HTML5 видео не автовоспроизведение на Chrome и Safari

ответ

Смежные вопросы