yarixxx Голосов: 2 Адрес блога: http://yarixxx.livejournal.com/ Добавлен: 2010-03-10 17:19:20 блограйдером yarixxx

HTML5: Как сделать современное видео на сайте?

2010-07-05 17:05:29 (читать в оригинале)

Желание шагать в ногу со временем посещает многих веб-разработчиков, однако не стоит забывать и про пользователей со старыми браузерами. Именно для таких продвинутых и ответственных разработчиков есть пара интересных видео-проигрывателей.

Projekktor
Для его установки нужно подключить jQuery и скачать js-файл проигрывателя. Подключить его и все. Можно пользоваться ультрасовременным тегом video:
<video class="projekktor" poster="poster.png" title="this is Projekktor" width="640" height="385" controls>
    <source src="video.mp4" type="video/mp4" /> 
    <source src="video.ogv" type="video/ogg" /> 
</video>

Вот мой пример

второй проигрыватель...

Video JS
Скачивать его придется с github.com.
Вот как он распаковался у меня.
Его можно использовать без библиотек.
Можно использовать с jQuery или Prototype.

---

Может быть также полезно:

• Размещаем видео на сайте и делаем к нему субтитры (srt)
• Flash проигрыватель видео и аудио на сайт
• Как использовать MinoPlayer (проигрыватель на SilverLight)