html5 видео тег -качество видео различного в Firefox и хром

Question

У меня есть следующий код:

<div class="span4"> 

    <video poster="assets/img/poster.jpg" controls="controls" width="420" height="420"> 
    <source src="assets/videos/152638831.webm" type="video/webm" /> 
    <source src="assets/videos/152638831.mp4" type="video/mp4" /> 
    </video> 

</div> 

видео работает как Firefox и хром, но в Chrome, это очень и очень зернистые. Я не думаю, что это проблема с моим видео, потому что, когда я перехожу к http://www.w3schools.com/html/html5_video.asp с помощью Chrome, видео в разделе «Методы и свойства DOM» также выглядит зернистым. Когда я говорю зернистый, я имею в виду, я вижу желтые, зеленые, синие и красные линии/черточки, забрызганные по видео.

Можете ли вы сказать мне, что я делаю неправильно?

Кроме того, есть идея, что у вас есть несколько тегов-источников, которые в зависимости от браузера будут выбирать, какой файл играть? В моем случае я знаю, что firefox не поддерживает mp4 ... Я тестировал его. но приведенный выше код работает в firefox. Поэтому я предполагаю, что он играет в веб-версию файла. Это верно?

Спасибо.

Answer 1

Прежде всего, Chrome должен иметь возможность читать mp4, поэтому, возможно, вы не использовали сжатие h264. Вы должны это проверить.

Во-вторых, вы должны включать сжатые версии ogv и webm видео. Каждый браузер поддерживает другой формат видео в данный момент, поэтому мы должны включить их все, чтобы никто не забывал.

Вот удобный график для поддержки браузера формата видео: http://www.longtailvideo.com/html5/#media_formats

Не забудьте флэш откат либо, просто упаковывает кто-то с динозаврами браузером, который не поддерживает html5 видео тега должны см. также видео.

Вот удобный график для поддержки видео тегов: http://caniuse.com/video

Дайте нам знать, как вы получите на.