Как встроить прямой эфир Youtube на сайт

Оценить: 
Средняя: 4.2 (5 оценок)

В этой статье мы поговорим о том каким образом встроить прямой эфир Youtube. Не URL видео, а именно статичный адрес прямой трансляции некоторого канала. На самом деле все очень просто как оказалось. Для WordPress, в отличии от Drupal, даже есть модуль автоматически встраивающий любую трансляцию.

Самой простой код iFrame:
<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/live_stream?channel=ID_Вашего_канала" width="640"></iframe>

Узнать ID можно здесь - https://www.youtube.com/account_advanced

Кроме этого можно автоматически запустить проигрывание прямого эфира добавив следующий атрибут:

<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/live_stream?channel=ID_Вашего_канала&autoplay=1" width="640"></iframe>

После этого запуск будет произведен сразу после попадания на страницу с кодом. Удачного пользования!

Комментарии

+1
0
-1

Артём, у меня всё работает. Для примера вставил код прямой трансляции перед комментариями в этой статье, возможно, Вы где-то ошиблись с выводом кода..

+1
0
-1

Доброго дня! ЧТо-то у меня тоже не получается. Из вашего примера mjh-eLTjuc4 - это имя канала? YouTube пишет, что такого канала не существует. Как тогда у вас отображается прямой эфир?

+1
0
-1

Тогда в вашем примере (копирую Спанч-боба) должно стоять вот это длинное UCNVM… с вашего скриншота, а не «mjh-eLTjuc4», как сейчас. Разве нет?

<iframe width="657" height="369" src="https://www.youtube.com/embed/mjh-eLTjuc4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Не понимаю, а разобраться хочется :))

+1
0
-1

Включите инспектор (F12) и посмотрите код, у меня стоит именно ID канала:

Не очень понял откуда эта строчка:

src="https:// www_youtube_com/embed/mjh-eLTjuc4" 

+1
0
-1

И еще вопрос: если прямой эфир не открытый, а только  "доступ по ссылке". Его можно таким образом вставить на сайт? Будет отображаться?

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