Как исправить YouTube чат в HTML - PullRequest
0 голосов
/ 17 апреля 2019

Я новичок в коде, и я хочу реализовать код, который помещает живой чат YouTube на страницу.Сейчас он отказывается подключиться.

Вот мой код:

<html>
    <head> 
        <link href="style.css" rel="stylesheet" type="text/css"> 
    </head>
    <body>
        <iframe id="pewdiepie" height="80px" width="300px" frameborder="0" src= "https://akshatmittal.com/youtube-realtime/embed/#!/UCq-Fj5jknLsUf-MWSy4_brA" style="border: 0; width:300px; height:80px; background-color: transparent;"></iframe>
        <p>
        <iframe id="tseries" height="80px" width="300px" frameborder="0" src="https://akshatmittal.com/youtube-realtime/embed/#!/UC-lHJZR3Gqxm24_Vd_AJ5Yw" style="border: 0; width:300px; height:80px; background-color: transparent;"></iframe>
        <p>
        <iframe height="500" width="300" src="https://www.youtube.com/live_chat?v=UVxU2HzPGug&embed_domain=<MY_IP>" style="border: 0; width:300px; height:100px; background-color: transparent;"></iframe>
    </body>
</html>

Что-то не так с кодом?И как я могу это исправить?Кстати, я спрятал свой IP-адрес.

1 Ответ

1 голос
/ 17 апреля 2019

Для встраивания живого чата на YouTube, ссылка должна быть такой:

"https://www.youtube.com/live_chat?v=<id_video>&embed_domain=<your_domain>"

Итак, чтобы встроить ваш чат в stackoverflow, это будет:

"https://www.youtube.com/live_chat?v=UVxU2HzPGug&embed_domain=www.stackoverflow.com"

РЕДАКТИРОВАТЬ:

Вот официальная документация от Google .

Во время прямой трансляции вы можете встроить чат на свою сторону,используя iframe.

Получите идентификатор видео для прямой трансляции.Идентификатор видео можно получить по URL страницы просмотра (youtube.com/watch?v=12345).В этом случае идентификатор видео: «12345».

Если вы выбрали «Поток сейчас», щелкните правой кнопкой мыши проигрыватель и выберите «Копировать URL-адрес видео», чтобы получить URL-адрес видео.

ПолучитьURL домена для сайта, на который вы хотите встроить чат.Если вы встраиваете чат на www.example.com/youtube_chat, ваш домен для встраивания - «www.example.com».

Объедините встроенный URL следующим образом: https://www.youtube.com/live_chat?v=12345&embed_domain=www.example.com.

Это URL для вашего iframe.Обратите внимание, что домен embed_domain должен соответствовать URL-адресу страницы, на которой вы встраиваете чат.Если они отличаются, встроенный чат не будет загружаться.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...