Тег HTML5 <video> в Chrome не работает

Я заметил странную проблему с тегом HTML5 <video/> в Chrome.

Используя это, он отлично работает:

<video poster="023.png" autoplay controls>
<source src="todojunto.mp4" type="video/mp4"  />
</video>

Звучит только звук, нет видео:

<video poster="023.png" autoplay >
<source src="todojunto.mp4" type="video/mp4"  />
</video>

Если я удалю атрибут poster, он снова будет работать.

Все другие браузеры (даже IE9...!) работают отлично, и я не могу найти причину.

Любые идеи/помощь?

Спасибо

Ответ 1

Атрибуты видеотеки должны быть указаны для строгой стандартной реализации:

<video poster="023.png" autoplay="autoplay" controls="controls">
    <source src="todojunto.mp4" type="video/mp4"  />
</video>

Если это не работает, в настройках вашего браузера что-то изменилось.

Ответ 2

Я удивлен, что ваше видео даже появилось. Chrome остановил поддержку mp4. Вы должны использовать файл .webm при работе с видеороликами Chrome для html5.

Ответ 3

Я столкнулся с той же ошибкой. Я исправил это, добавив preload = "auto".

<video autoplay loop preload="auto" poster="023.png">
    <source src="todojunto.mp4" type="video/mp4" />
</video>

Не знаю, будет ли это работать для вас, и прошло некоторое время с тех пор, как вы задали вопрос. Но, возможно, это поможет кому-то в будущем!

Ответ 4

Я только что преобразовал его в ogv и хорошо работает во всех браузерах. У меня была проблема с firefox, но проблем больше нет. Он также показывал серый фон, но теперь, теперь уже. вот мой код: вы можете увидеть его в eargo.com/products

<video class="" style="" autoplay loop>
            <source class="" src="video.ogv" >
            <source class="" src="video.mov" >
            <source class="" src="video.mp4" >
</video>

вы можете увидеть его после 5-7-2015.

Ответ 5

Вот код, который я пробовал:

<!DOCTYPE html>
<html>
<body>
<video src="video.AVI">
<source src="video.AVI" type="video/AVI">

Но это не сработало.