Вставляем ролик с 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 секунды — &start;=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 фишек ютуба, о которых вы и не знали