Поиск








  


Главная » Статьи » Web дизайн

Вставляем ролик с YouTube We paste the video from YouTube
 
 
 
 
 
 
 
 
https://youtu.be/vYzCsbGSq4Y
 
<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
  • убрать ограничение по региону — меняем ссылку на ролик с вида http://www.youtube.com/watch?v=[какой-то код] на http://www.youtube.com/v/[какой-то код]

Пример:

HTML

<script type="text/javascript" src="path-to/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
swfobject.embedSWF("https://youtu.be/vYzCsbGSq4Y/v/C9v00g4dZOg&hl=en&fs=1&showsearch=0;&start=4;&rel=0;", "videoWrap", "620", "460", "9.0.115", "path-to/expressInstall.swf", flashvars);
</script>
<div id="videoWrap"></div>
Категория: Web дизайн | Добавил: натанатаната (09.01.2021)
Просмотров: 259 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar

 
главная доска объявлений Правила пользования Доской ©
Автомобили недвижимость Промышленное оборудование Для офиса Строительство Разное Бизнес, сотрудничество животные Бытовые товары
Компьютеры Услуги в разных сферах