Лучший способ реализовать видео в формате HTML5

Я понимаю, что видео в формате HTML5 намного сложнее, чем хотели бы мы думать его сторонники. Safari использует проприетарный кодек H.264, тогда как Firefox, Chrome и Opera поддерживают Theora с открытым исходным кодом. Internet Explorer тоже не поддерживает, поэтому ему нужен запасной вариант, например .mov или Flash.

Я нашел где-то превосходное руководство, в котором собраны пошаговые инструкции для HTML5 во всех этих браузерах, но я могу ' нигде не найду. Очень раздражает: (

Как лучше всего реализовать HTML5-видео, чтобы охватить все эти браузеры? (К сожалению, Flash не вариант.)


Редактировать: Хорошо, из того, что я прочитал, вот мой собственный ответ: Это лучший способ реализовать видео HTML 5 ...

    <video id="video" width="450" height="170" preload="auto" autoplay="autoplay">
        <source src="../static/video/video.mp4" />
        <source src="../static/video/video.webm" type='video/webm; codecs="vp8, vorbis"' />
        <source src="../static/video/video.ogv" type='video/ogg; codecs="theora, vorbis"' />
        <!-- Fallback (either Flash, an image, or a "Video not supported" message, etc.) -->
    </video>

Это единственный способ до сих пор это работало, как и ожидалось, во всех браузерах. К сожалению, автовоспроизведение не работает в Chrome? : (

Обновление: Chrome не поддерживает автозапуск.

5
задан Chuck Le Butt 26 February 2013 в 21:21
поделиться