Как встроить чат на YouTube - PullRequest
Новая
       21

Как встроить чат на YouTube

0 голосов
/ 23 сентября 2018

Я пытаюсь встроить чат livestream на веб-страницу на моем веб-сайте, <iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/live_chat?v=hHW1oY26kxQ&embed_domain=localhost" width="480"></iframe><br /> Я пытаюсь это сделать, но чат вообще не отображается, если я пытался создать встроенный домен с использованием реального домена.собственный, но это тоже не работает.

1 Ответ

0 голосов
/ 17 октября 2018

Похоже, это связано с введением этого изменения в iframes , по крайней мере, когда у меня возникла эта проблема.

Чтобы исправить это, я бы предложил использовать скриптнапример: 

<script>  
 let frame = document.createElement("iframe");  
 frame.referrerPolicy = "origin";  
 frame.src = "https://www.youtube.com/live_chat?v=VIDEO_ID&embed_domain=" + window.location.hostname;  
 frame.frameBorder = "0";  
 frame.id = "chat-embed";  
 let wrapper = document.getElementById("chat-embed-wrapper");  
 wrapper.appendChild(frame); 
</script>

Где chat-embed-wrapper - родительский элемент iframe с идентификатором chat-embed, а VIDEO_ID (в назначении frame.src) - идентификатор целевого видео.Вам придется немного изменить это для вашей настройки, но это общее решение для случая.

...