2014-09-15 4 views
2

У меня есть веб-сайт построен с начальной загрузки и загрузки видео в диалоге:HTML Video автозапуск не работает в Firefox

<video width="760" style="background-color: white;" preload controls autoplay> 
    <source src="....." type="video/mp4" /> 
</video> 

передач и отлично работает в IE, Chrome и Safari. В Firefox auto play работал несколько раз, и теперь он не работает вообще. Ошибки в консоли и видео воспроизводятся просто вручную с помощью элементов управления.

Я также пробовал сценарий подход (без атрибута автовоспроизведение):

oncanplay="$(this)[0].play()" 

И работает безупречно на всех браузерах, кроме Firefox.

Может ли кто-нибудь увидеть, что может быть неправильным?

+0

вы можете поделиться ссылкой? –

+0

вы могли бы просто сделать 'oncanplay =" this.play() "' просто не нужно обертывать и разворачивать jQuery :-) –

ответ

3

Проблема имеет простое решение: изменения порядка видео, перечисляя сначала .mp4 источник и рядом с .webm источника сделал автовопроизведение видео работает на Firefox, Explorer, и Chrome, это, конечно, справедливо, если у вас есть несколько источников видео.

Примечание стороны: Firefox поддерживает H.264 на Windows 7, а затем, начиная с версии 21. Firefox поддерживает H.264 на Linux, начиная с версии 26, если установлены соответствующие gstreamer плагинов. Частичная поддержка Firefox относится к отсутствию поддержки в OSX & некоторых Linux-платформах, для Android Firefox это относится к неспособности аппаратного ускорения.

+0

Также пробовал что-то вроде этого ... Я поместил webm как источник ... тот же проблема ... Положите ogv в одиночку ... та же проблема ... Я попробую точно то, что вы сказали, и попробуйте ... – Dusan

+0

Также, когда впервые открывается видео, он играет безупречно ... второй раз ОК, в третий раз OK и т. Д. ... После того, как я использую кнопку «Стоп» или «Пауза» в элементах управления, любое последующее автоматическое воспроизведение не работает ... Обновление страницы не работает – Dusan

0

Firefox Video Проблема: Устранение

  1. Убедитесь, что сервер отправляет видео файлы с правильным и поддерживаемым типом MIME, чтобы заставить его работать в Firefox.

    link

  2. Использование источника URL относительно ROOT, а не веб-страницы

    Например: SRC = "/ полная/папка/путь/video.ogv"

  3. версия Mozilla.

    • Mozilla Firefox (3.5 и новее) поддерживает видео Theora и звук Vorbis в контейнере Ogg.
    • Firefox 4 поддерживает WebM.

    link

0

Сначала проверьте веб-страницу здесь для испытания

http://html5test.com/ 

Второй проверять с помощью кода инспектора и ввести их в браузере, чтобы проверить, работают штраф или нет. Или перетащите видеофайл через браузер, чтобы проверить, работает ли он или нет.

В-третьих попробуйте проверить MIME типы

AddType video/mp4 for .mp4 .m4v 
AddType video/ogg for .ogv 
AddType video/webm for .webm 

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

Последние, но не менее; Добавьте вспышку назад!

<object type="application/x-shockwave-flash" 
data="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" 
height="227" width="220"> 

удачи!

1

Я испытал это на всех браузер его работы предано событий JavaScript

<video onloadeddata="this.play();" poster="poster.png" playsinline loop muted controls> 
    <source src="video.mp4" type="video/mp4" /> 
    <source src="video.mp4.webm" type="video/webm" /> 
    <source src="video.mp4.ogg" type="video/ogg" /> 
    Your browser does not support the video tag or the file format of this video. 
</video> 
Смежные вопросы