добавление видео с youtube

Добавляем видео с YouTube на сайт через iframe. Дополнительные настройки встраивания видео из Youtube

Здравствуйте, сегодня я вам покажу как можно добавить видео с YouTube на свой сайт. Мы разберем дополнительные настройки которые позволяют регулировать следующее: запуск видео сразу после прогрузки страницы, запуск видео с определенного момента, запрет на просмотр видео в полном экране и так далее.

Для того чтобы добавить видео, вам необходимо разместить следующий код на своем сайте:

<iframe width="560" height="315" src="https://www.youtube.com/embed/ET1ECoJqdGg?rel=0&showinfo=0&autoplay=1" frameborder="0" allowfullscreen></iframe> 

Как вы видите добавление видео на сайт происходим с помощью тега iframe . По стандарту здесь используются только некоторые атрибуты: width (задает ширину окна), height (задает высоту окна), src (ссылка на видео), frameborder (убирает рамку вокруг окна), allowfullscreen (разрешает полноэкранный режим).

Для добавления своего видео, вам достаточно скопировать представленный выше код и заменить ссылку которая находиться в атрибуте src.

Дополнительные параметры

Дополнительные параметры необходимо прописывать, перечисляя их в конце ссылки, внутри тега src.

Перед перечисление необходимо поставить ?, после этого вы перечисляете параметры и их значения, разделяя их &.

<iframe src="https://www.youtube.com/embed/ET1ECoJqdGg?rel=0&showinfo=0&autoplay=1"></iframe> 

В принципе если вы умеет работать с GET запросами, то вы без проблем справитесь с этой задачей.

Список дополнительных параметров:

&rel=0 — отключение похожих видео после просмотра ролика.

&showinfo=0 — убирает название и рейтинг ролика из плеера.

&autoplay=0 — убирает автоматическое воспроизведение ролика.

&loop=0 — не повторяет видео после просмотра, если оно в плеере одно.

&enablejsapi=0 —   отключает возможность использования API Javascript (подробнее об API JS)

&hl=ru_RU — устанавливает локаль для видео, читается как «для русскоговорящих людей» (локаль можно менять)

&egm=0 — Выключает всплывающее расширенное меню.

&border=0 — Убирает рамку вокруг плеера, Основной цвет рамки можно указать с помощью параметра color1, а дополнительный цвет — с помощью параметра color2.

Значения: любое значение RGB в шестнадцатеричном формате. Параметр color1 описывает цвет основной рамки, а параметрcolor2 — цвет фона панели управления видео и цвет дополнительной рамки.

&fs=0 — отключает возможность полноэкранного просмотра видео

&start=225 — запускает видео с 225 секунды (цифра секунд — меняется)

&fmt=6 — Устанавливает хорошее качество видео. &fmt=18 еще лучше, а &fmt=22 будет наилучшим. Изначально видео должно быть в high definition (HD) качестве (HD) для работы параметра.

&t= — Видео тег в Youtube работает в связке с ID вашего ролика, пишется словом (напр. &t=Politics )

&disablekb=1 — отключает управление клавиатурой.

&showsearch=0 — отключает показ окна поиска при уменьшенном виде ролика.

&start=5 — запускает ролик через 5 секунд, после загрузки страницы (кол-во секунд — меняется)

На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

41
Оставить комментарий

avatar
41 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
40 Авторы комментариев
JeffreymaxJeffreymaxMichaeldusMichaeldusJohnnieQuabs Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
JanleF
Гость

Cialis Prix Bas [url=https://apcialisle.com/#]comprare cialis online[/url] Cialis With Prescription cialis reviews Viagra Sin Disfuncion Erectil

bemnite
Гость
bemnite

generic viagra walmart how to get prescription drugs without doctor viagra doses 200 mg

AlvinCox
Гость
AlvinCox

order levitra online cialis online viagra women sale australia

CharlesGOP
Гость
CharlesGOP

order viagra canada pharmacy http://cialisxtl.com buy levitra in thailand

Waltonplort
Гость
Waltonplort

buy viagra online now generic viagra online cheap cialis in nz

JanleF
Гость

Cialis Duracion Ereccion [url=https://viacialisns.com/#]Cialis[/url] Images Of Generic Amoxicillin Caplets Cialis Amoxicillin Pakage Insert

Jefferykap
Гость
Jefferykap

cialis how to buy viagra viagra sale tesco

Marvinerulk
Гость
Marvinerulk

cheapest cialis price http://tadal24ph.com – generic cialis cheap cialis/ viagra levitra

Marvinerulk
Гость
Marvinerulk

can you buy viagra over the counter http://tadal24ph.com – cheap cialis cheap genuine levitra

Marvinerulk
Гость
Marvinerulk

cialis sale no prescription http://alexa24ph.com – buy sildenafil cialis at a discount

Marvinerulk
Гость
Marvinerulk

cheap cialis in nz http://alexa24ph.com – viagra without doctor prescription buying cialis online canada

Marvinerulk
Гость
Marvinerulk

order viagra for women http://kaletra24.com – buy kaletra order levitra from canada

Marvinerulk
Гость
Marvinerulk

cialis cheap online pharmacy http://alexa24ph.com – generic viagra 100mg buy cheap cialis online no prescription

Marvinerulk
Гость
Marvinerulk

can you just buy viagra http://kaletra24.com – Lopinavir buy generic levitra australia

Marvinerulk
Гость
Marvinerulk

order cialis pills http://alexa24ph.com – buy viagra order generic cialis

Marvinerulk
Гость
Marvinerulk

buy viagra online australia http://kaletra24.com – Ritonavir 50 mg and Lopinavir 200 mg how to order levitra online

Marvinerulk
Гость
Marvinerulk

order cialis no prescription http://kaletra24.com – Lopinavir viagra online canadian pharmacy

AlfredAdvog
Гость
AlfredAdvog

sildenafil
how to order generic viagra online

AlfredAdvog
Гость
AlfredAdvog

generic viagra 100mg
website dieses benutzers besuchen

AlfredAdvog
Гость
AlfredAdvog

cheap viagra
buy levitra super active oo

AlfredAdvog
Гость
AlfredAdvog

generic viagra 100mg
cheap cialis and viagra

AlfredAdvog
Гость
AlfredAdvog

generic viagra 100mg
cheap viagra pills

AlfredAdvog
Гость
AlfredAdvog

generic viagra 100mg
brand levitra sale

AlfredAdvog
Гость
AlfredAdvog

generic viagra
can you really buy viagra online

AlfredAdvog
Гость
AlfredAdvog

generic viagra 100mg
how to order cialis online

AlfredAdvog
Гость
AlfredAdvog
DennisLof
Гость
DennisLof

5 mg cialis coupon printable here
liquid cialis

DennisLof
Гость
DennisLof

where to get cialis sample buy cialis
what is cialis

DonaldTwill
Гость
DonaldTwill

buy viagra online cheap viagra
when to take viagra

DonaldTwill
Гость
DonaldTwill

viagra canada buy sildenafil online
viagra pills

JosephDiona
Гость
JosephDiona

cialis free trial cialis 100 mg lowest price
cialis before and after

JosephDiona
Гость
JosephDiona

cialis 20 image cialis coupons 2019
lowest cialis prices

Thomasreeld
Гость
Thomasreeld

viagra erection: viagra buy viagra from canada online

Thomasreeld
Гость
Thomasreeld

free viagra: cost of viagra per pill cheap cialis generic no prescription

unsenty
Гость

Propecia Schweiz [url=https://buyciallisonline.com/]Cialis[/url] Propecia Cipla Canadian buy cialis online using paypal Stendra Buy Best Website

JohnnieQuabs
Гость
JohnnieQuabs

ed prescription drugs buy prescription drugs without doctor prescription meds without the prescriptions onlinepharmacyero.com

JohnnieQuabs
Гость
JohnnieQuabs

pet antibiotics without vet prescription comfortis without vet prescription cialis without doctor prescription onlinepharmacyero.com

Michaeldus
Гость
Michaeldus

cialis at a discount price generic cialis

Michaeldus
Гость
Michaeldus

switching from tamsulosin to cialis cialis generic

Jeffreymax
Гость
Jeffreymax
Jeffreymax
Гость
Jeffreymax

cialis generic: cialis tadalafil