Что с IE?

Когда я пишу эту главу, Microsoft представила «developer preview» Internet Explorer 9. Он пока не поддерживает тег <video>, но Microsort клятвенно обещает, что окончательная версия IE9 будет его поддерживать с H.264 видео и AAC аудио в формате MPEG-4, так же, как десктопный и мобильный Safari.

А как быть с более старыми версиями Internet Explorer? Мы знаем, что на рынке присутствует ряд версий IE, вплоть до 8-й. Большинство пользователей IE имеют установленный плагин для отображения Flash. Современные версии Adobe Flash (начиная с 9.0.60.184) поддерживают H.264 видео и AAC аудио в формате MPEG-4. Такой формат мы подготавливаем для Safari с помощью HandBrake и его можно использовать для отображения с помощью flash для браузеров, не поддерживающих HTML5.

FlowPlayer — flash видео плеер с открытым исходным кодом (коммерческая версия в принципе тоже есть — http://flowplayer.org/download/). FlowPlayer ничего не знает о теге <video> и он не способен магическим образом преобразовать <video> во флеш объект. Но разработчики HTML5 знали, что такая проблема будет и они это предусмотрели: элемент <object> можно включить в <video>. Браузеры не поддерживающие тег <video>, будут его игнорировать, но при этом они заметят вложенный <object>, который смогут воспроизвести с помощью flash. Браузеры же, которые поддерживают HTML5, найдут в списке <source> формат, который способны воспроизвести и будут игнорировать вложенный <object>.

Это последней элемент пазла с видео: HTML5 спецификация указывает, что все вложенные элементы (кроме <source>) в <video> следует игнорировать. Это позволяет смело использовать HTML5 видео и использовать изящный откат к флеш для старых браузеров. И все это без использования хитроумных приемов на Javascript.

Куда дальше

• следующая — Полноценный пример
• предыдущая — И, наконец-то, разметка
• содержание