Вставка youtube видео на сайте, параметры и секреты

Youtube.com — самый известный видео хостинг, миллионы уже загруженных видео-роликов.
Вы захотели добавить видео к себе на страницу.

<iframe width="560" height="315" src="//www.youtube.com/embed/2GbSpPxzDeY" frameborder="0" allowfullscreen></iframe>

D0-A1-D0-BA-D0-BE-D0-BF-D0-B8-D1-80-D0-BE-D0-B2-D0-B0-D1-82-D1-8C_-D0-B2-D0-B8-D0-B4-D0-B5-D0-BE_-D1-81_Youtube
Но чтобы немного изменить вид и действие плеера, есть несколько параметров.
Параметры добавляются в src после знака вопроса (?), а все последующие – через амперсанд & или правильнее

&amp;

):
1. rel=0 (1 или 0) — запрет показа похожих роликов после окончания просмотра текущего.
2. autoplay=1 (1 или 0) — автозапуск ролика при открытии страницы.
3. disablekb=1 (1 или 0) — запрет на управление воспроизведением ролика с помощью клавиатуры.
Клавиши управления:
a. пробел: воспроизведение/пауза
b. стрелка влево: вернуться на 10% в текущем видео
c. стрелка вправо: перейти на 10% вперед в текущем видео
d. стрелка вверх: увеличить громкость
e. стрелка вниз: уменьшить громкость
4. fs=0 (1 или 0) — запрет на “разворачивание” на весь экран.
5. showinfo=0 (1 или 0) — скрытие информации о ролике сверху плеера.
6. start=N (N -в секундах) — воспроизведение видео начиная с N секунды.
7. loop=0 (1 или 0) — проигрыватель будет воспроизводить видео по кругу, в бесконечном цикле.
8. egm=0 (1 или 0) — включает расширенное джинн-меню.
9. border=0 (1 или 0) — включает рамку вокруг проигрывателя.
10. color1, color2 (значение RGB в шестнадцатеричном формат) — color1 – основной цвет рамки, а color2 – фоновый цвет панели управления и дополнительный цвет рамки.
11. hd=1 (1 или 0) — включает воспроизведение в hd качестве.
12. showsearch=0 (1 или 0) — отключает вывод окна поиска при свернутом видео.
13. iv_load_policy=3 (1 или 3) — аннотации видео, а при значении 3 – будут скрыты.
14. cc_load_policy=1 (только 1) — при установке значения 1 закрытые субтитры будут отображаться по умолчанию даже в том случае, если титры отключены пользователем.
15. playlist= (значение — ID видео) определяет, какое видео будет следующим.
16. enablejsapi=0 (1 или 0) — включает api javascript.
17. playerapiid= (значение — любая буквенно-цифровая строка) — используется в сочетании с api javascript.

Так же в сети ходят не официальные параметры:
18. vq=hd720 (hd1080) — включение видео в hd качестве 720p или 1080p.
19. modestbranding=1 (1 или 0) — отключение логотипа youtube сверху (полностью логотипы убрать не получится, такова политика компании google)
20. controls=0 (1 или 0) — отключает полосу прокрутки видео.
21. #t=1m27s (m-минуты, s-секунды) — аналогично start=N начинает воспроизведение с определенного момента, добавлять именно через # (а не & ) в конец строки

Итоговый вариант такой:

<iframe width="560" height="315" src="//www.youtube.com/embed/2GbSpPxzDeY?rel=0&amp;showinfo=0&amp;hd=1&amp;autoplay=0" frameborder="0" allowfullscreen></iframe>

или в старом формате

<object width="560" height="315">
<param name="movie" value="//www.youtube.com/v/2GbSpPxzDeY?version=3&amp;hl=ru_RU&amp;rel=0&amp;showinfo=0&amp;hd=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="//www.youtube.com/v/2GbSpPxzDeY?version=3&amp;hl=ru_RU&amp;rel=0&amp;showinfo=0&amp;hd=1" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

1 коммент

Аватар

Ольга on 26.03.2016 at 09:22.

не очень понятно что делаю — не специалист но похоже другого пути нет

Ответить

Скажите свое мнение

ваш email не публикуется. обязательно *

;-) :yawn: :whew: :toivo: :tmi: :time: :thinking: :talking: :sweating: :swear: :sun: :star: :smoke: :smirk: :sleepy: :skype: :shock: :shake: :rofl: :rain: :punch: :puke: :poolparty: :pizza: :phone: :party: :oops: :nod: :no: :ninja: :neutral: :nerd: :music: :muscle: :mrgreen: :movie: :mooning: :mmm: :middlefinger: :makeup: :mail: :mad: :lol: :lipssealed: :kiss: :itwashtme: :inlove: :idea: :hi: :heidy: :heart: :headbang: :happy: :handshake: :giggle: :fubar: :flower: :evilgrin: :emo: :dull: :drunk: :drink: :doh: :devil: :dance: :cry: :cool: :coffie: :clapping: :cash: :call: :cake: :bug: :brokenheart: :bow: :blush: :beer: :bear: :bandit: :arrow: :angry: :angel: :^) :???: :?: :-| :-o :-P :-D :-) :-( :!:

 

*

code

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.