Xiper

Вставляем ролик с YouTube

Автор: Евгений Рыжков Дата публикации:

youtubeВсем известно, что YouTube можно использовать как внешний хостинг для своих видео роликов, несмотря даже на наличие собственных серверов — за мощностями YouTube сложно угнаться, да и нет желания платить своему хостеру за раздутое дисковое пространство. Потому заливаем свое видео на буржуйский сервис или его русский аналог RuTube, узнаем ссылку на ролик и на своем сайте его просто транслируем.

Например, простая вставка видео с использованием SWFObject:

<script type="text/javascript" src="path-to/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
swfobject.embedSWF("[адрес страницы с видео роликом]", "videoWrap", "620", "460", "9.0.115", "path-to/expressInstall.swf", flashvars);
</script>
<div id="videoWrap"></div>

И все. На этом этапе уже можно любоваться роликом на собственном сайте.

Преимущества

  • не нужно хранить ролик на своем сервере
  • не нужно искать и внедрять плеер для просмотра ролика

Но, если ты не обделен хотя бы минимальной наблюдательностью заметишь некоторые недостатки такого метода:

  • наличие логотипа YouTube
  • список похожих роликов в конце видео
  • наличие формы поиска по YouTube
  • нет возможности повлиять на вид и функциональность плеера

К счастью есть возможность от некоторых недостатков избавиться:

  • логотип YouTube — спрятать его, похоже, невозможно
  • спрятать форму поиска по YouTube — в адрес ссылки добавляем &showsearch=0
  • спрятать похожие ролики — в адрес ссылки добавляем &rel=0

Так же доступны следующие приятности:

  • начать показ ролика с N секунды — &ampstart;=N, где N — это секунда с которой следует начать показ
  • начать показ с такой-то минуты, такой-то секунды — #t=03m22s, где m — минуты, s — секунды
  • трансляция видео в высоком качестве&fmt=6 (моно, 480 х 270 разрешение), или &fmt=18 (стерео, 480 х 270 разрешение), или &fmt=22 (стерео, 1280 x 720 разрешение)
  • трансляция в супер качестве (так что можно смело разворачивать на весь экран)&ap=%2526fmt%3D18 или &ap=%2526fmt%3D22
  • автоматически проигрывать видео&autoplay=1
  • автоматическое повторение видео&loop=1
  • убрать ограничение по региону — меняем ссылку на ролик с вида на

Пример:

<script type="text/javascript" src="path-to/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
swfobject.embedSWF("", "videoWrap", "620", "460", "9.0.115", "path-to/expressInstall.swf", flashvars);
</script>
<div id="videoWrap"></div>

Материалы

  • 10 фишек ютуба, о которых вы и не знали