Архив за декабря, 2010

Dec
09
HTML5 видео уже тут
1 балл2 балла3 балла4 балла5 баллов (стать первым, кто оценил!)
Loading ... Loading ...

Для тех кто знает и понимает зачем это, живой пример реализации концепции HTML5 в видео онлайн-плеера:

Ограничения те же самые, что и у ютуба, а именно:

Поддерживаются браузеры, способные обрабатывать видеотег стандарта HTML5, а также видеокодек h.264 или формат WebM (с кодеком VP8). К ним относятся следующие:

  • Firefox 4 (WebM)
  • Google Chrome (WebM и h.264)
  • Opera 10.6+ (WebM)
  • Apple Safari (h.264, версия 4+)
  • Microsoft Internet Explorer 9 (h.264)

Примечания

  • Поддержка полноэкранного режима реализована частично. Нажатие кнопки перехода в полноэкранный режим приведет к расширению экрана проигрывателя до размера окна браузера. Если ваш браузер поддерживает полноэкранный режим, вы можете использовать его для просмотра всего видео в полноэкранном режиме
  • Проигрыватель HTML5 содержит значок на панели управления. Если вы не видите значок HTML5 на панели управления, вы будете переадресованы на проигрыватель Flash (вследствие приведенных ниже ограничений)

Наслаждайтесь (а для этого желательно иметь Chrome по-новее или IE9). В Opera возможны тормоза, особенно под виндой, т.к. она еще плохо жует VP8.

P.S. Фулскрин не работает, т.к. видео вставлено через iframe, выйти за пределы которого видео естественно не может, если не загружено с того же домена.

P.S.2. Браузеры не поддерживающие video-тег (IE < 9, к примеру) или которые не умеют играть VP8 или H264 будут видеть перед собой флеш-плеер. Theora выпилил принципиально, т.к. ущербный кодек и будущего в HTML5 для него нету.

P.S.3. Код еще не очень, собираюсь на JQuery переписать чуть позже. Чисто для демонстрации.