Pages - Menu

18.10.2016

Как вставить код фрагмента видео с YouTube на сайт


Иногда бывает нужно вставить видео допустим к себе на сайт.
Но не все видео, а лишь фрагмент.
В этом посте я расскажу, как это сделать.

+ БОНУС (автоповтор видео в цикле)




Здесь представлен пример фрагмента из фильма "Человек родился".

1) выбираем нужное видео.
2) ПКМ жмем на видео и выбираем пункт "Копировать HTML-код"

3) Получаем что-то в виде этого: <iframe width="854" height="480" src="https://www.youtube.com/embed/U_aqqaZaTCw?list=PLNHjsvrAKBGvpUHZROIur3bynp2OLdqqU" frameborder="0" allowfullscreen></iframe>

Где U_aqqaZaTCw?list=PLNHjsvrAKBGvpUHZROIur3bynp2OLdqqU - ID-номер видео.

4) Добавим в конец строки ?start=2387&end=2504 - это наш фрагмент (начало и конец в секундах)

5) &autoplay=1 - Автозапуск включен

6) &rel=0 - При окончании видео не предлагать похожие видео для просмотра далее.

7) В итоге мы получим вот такой код:

 <iframe width="854" height="480" src=https://www.youtube.com/embed/U_aqqaZaTCw?list=PLNHjsvrAKBGvpUHZROIur3bynp2OLdqqU?start=2387&end=2504&autoplay=1&rel=0 frameborder="0" allowfullscreen></iframe>


Вот и все. А дальше бонус, как обещал.

БОНУС!!! (ЖМИ НА ЛОГО)
YT Repeater


На данном сайте можно зациклить воспроизведение видео по кругу.

1) Ищем свое видео на сайте.

1а) Либо к адресу видео добавляем repeater, как показано на примере (я специально написал заглавными) : https://youtubeREPEATER.com/U_aqqaZaTCw

2) Ползунком на видео отмечаем точку старта и нажимаем Отметить.
3) Затем тоже самое делаем с точкой финиша.
4) нажимаем ОК и смотрим видео в цикле.

Надеюсь кто-то найдет данный пост полезным для себя.