Подключаем видео на сайт

Думаю, мы даже не рассматриваем сторонние видеохостинги с ограниченным сроком хранения файлов, такие как YouTube, речь о том, как подключить видеофайл на свой сайт.

Основной в этом случае формат размещения видео - Adobe Flash Video (файлы типа .FLV) с кодеком H.264, битрейт - порядка 256 Кбит/с (можно и другой, но всё упирается в скорость).

Кросс-браузерный способ отображения потокового видео таков: скопировать в папку сайта файлы player.swf, swfobject.js и yt.swf из сборки JW FLV Media Player (ссылки будут ниже), потом подключить видеофайл в формате .FLV тегами вида

<script type="text/javascript" src="swfobject.js"></script>
<div id="player">Видео недоступно! Возможно, не включены Flash и Javascript в браузере</div>
<script type="text/javascript">
var so = new SWFObject('player.swf','mpl','400','250','8');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','file=video.flv');
so.write('player');
</script>

Здесь подключается файл с именем video.flv из текущей по отношению к файлам плеера папки. Аналогично могут быть подключены видеофайлы в формате .MP4 и аудио .MP3. Разумеется, чтобы всё это увидеть, нужны включённые Javascript и Flash в браузере, по умолчанию они везде включены, у меня при проверке на локальном хосте приведённый код сработал во всей "большой четвёрке" IE, Opera, Firefox и Chrome.

Для конвертирования видео в формат .FLV или из него используйте Free FLV Converter. Он работает с большинством популярных форматов.

А вот появившийся в стандарте HTML 5 тег <video> в настоящее время поддерживается браузерами ограниченно, я бы не спешил с ним связываться.

Ссылки:

 JW FLV Media Player - самый популярный видеоплеер для сайта. Способен воспроизводить видео (mp4, flv) и аудио (mp3)

 Free FLV Converter - конвертер видео из формата FLV и в него

Альтернативные конвертеры FLV и плееры:

 FLV Converter (из FLV в другие форматы)

 Uppod: FLV и MP3 плеер для сайта, есть онлайн-сборка плеера

 Видеоплеер для web сайтов с открытыми исходниками

 WP Audio Player - плагин WordPress для проигрывания mp3-файлов на сайтах с этим движком

Весь приведённый софт официально бесплатен.

16.01.2011, 12:15 [12287 просмотров]