Как добавить плейлист Youtube на сайт

как вставить плейлист youtube на сайт

В этой заметке я расскажу, как вставить видео плейлист на ваш сайт, не зависимо от того находится он на вордпресс, Joomla, DLE или Blogger. Вам не придется устанавливать для этого дополнительные плагины или пользоваться сторонними сервисами. Мы сделаем всё при помощи добавления кода на страницу вашего блога.

Плейлист – это серия следующих друг за другом видеороликов. Добавление интересного и полезного плейлиста в статью вашего сайта может надолго задержать посетителя, но это произойдет лишь в том случае, если тематика плейлиста будет строго соответствовать теме статьи, дополнять ее, материал будет изложен интересно и доходчиво.

Вам может быть также интересно, как вставить видео в блог ЖЖ

Где взять ссылку на плейлист

Смотрите на видео или читайте статью ниже

  1. Сначала нужно найти плейлист нужной тематики. Набираем в поиске Youtube ключевое слово и задаем фильтр “Плейлисты”. Смотрите скриншот ниже с порядком действий:
    найти плейлист youtubeРезультаты поиска:
    поиск плейлиста на youtube
    Вы можете перейти по ссылке из названия (выделено красной рамкой на скрине). Тогда вы попадете в окно просмотра видео из плейлиста. Если вы перейдете по ссылку “Просмотреть весь плейлист”, то попадете на страницу с перечнем видео. Чаще всего вы будете иметь дело с первым вариантом.
  2. Итак вы на странице плеера youtube. Скопируйте ссылку страницы:
    встроить плейлист с видео на сайт

Пример: Ссылка на плейлист -
https://www.youtube.com/watch?v=NEPWOPcx43k&list=PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
Из него нужно вычленить id плейлиста. Это код, который идет после &list=
В примере id плейлиста PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl

Подставьте ID плейлиста вместо ID, выделенного в ссылке https://www.youtube.com/playlist?list=ID красным, и вы попадете на страницу просмотра плейлиста, откуда можно взять код для встраивания. На этой странице нажмите на стрелочку, выделенную красной рамкой (смотри скриншот ниже). Далее кнопка "встроить" и копируйте код.

Если вы находитесь на странице просмотра плейлиста:
ID плейлиста

Здесь также нужно скопировать ссылку страницы и вычленить оттуда id.
Ссылка на страницу плейлиста в примере:
https://www.youtube.com/playlist?list=PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
id плейлиста – это набор символов, идущих после знаков ?list=
В примере id – PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
Как мы видим, что id одного плейлиста, полученного разными способами совпадает. Это значит, что мы все делаем правильно.

 

Как вставить плейлист Youtube на сайт

  1. Теперь вам нужно поставить найденный id в код:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

    Вместо ID (в коде выделено красным) подставьте свой id.

Результат наших действий:

Как встроить плейлист с собственного канала Youtube на блог

Если у вас есть свой канал Youtube, и вы создаете плейлисты, добавляя в них свои или чужие видео (нет никакой разницы), то вы можете поделиться ссылкой или найти код для встраивания следующим способом:
Перейдите в раздел “Творческая студия” –> Раздел "Плейлисты" -> перейдите на страницу интересующего плейлиста, кликнув по его названию.

На странице плейлиста нажмите на кнопку “Изменить”:
поделиться плейлистом
Теперь нажмите "Встроить" и скопируйте html-код:

Встроить плейлист

Чуть ниже вы найдете ссылку на плейлист для социальных сетей. Также вы можете использовать ссылку, чтобы поделиться в Whats App, Viber или Telegram.

 

4 ответа к «Как добавить плейлист Youtube на сайт»

  1. Хм, я тут подумал… Можно ли накрутить себе просмотров так? Поставил огромный плейлист на сайт своего канала, и просто фигачишь. Просмотры по идее должны считать, но вот фиг знает на самом деле.

  2. Теперь вам нужно поставить id плейлиста в код:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=ID frameborder конец цитаты в коде ты знак пропустил, из-за этого плейлист у людей не выходил ты пропустил знак " Теперь вам нужно поставить id плейлиста в код:

    надо <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=ID&quot; вот " этого не хватает. Спасибо за статью выручил!!!

  3. Спасибо за статью. Жаль что отображение на сайте нельзя никак настроить под себя (особенно когда верстаешь по макету, а в нем плейлист изначально развернут и сдвинут от окна проигрывателя вправо/влево). С кастомизацией беда 🙁

  4. Спасибо за статью. Только вот настроить под себя нельзя плейлист, вернее сделать так чтобы был развёрнут изначально и сдвинут относительно окна проигрывателя влево/вправо/вниз. А подобное частенько встречается в современных макетах, потому банальной вставкой тут не обойтись.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *