iframe中的Youtube在线聊天（没有API）

Question

如何将Youtube Live Chat放入iframe？ 我有这个URL，但对我来说它不起作用：

<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/live_chat?v={VIDEO_ID}&embed_domain={MY_DOMAIN}" width="480"></iframe>

如果我在浏览器中正常打开网址，我会收到聊天记录，但在iframe中我什么都没得到。

请帮忙。谢谢：）

Answer 1

您可能需要先启用嵌入功能，登录youtube帐户后，可以在以下链接中查看帐户的状态：https://www.merixstudio.com/blog/content-security-policy-flask-and-django-part-1/

另外，域部分（MY_DOMAIN）必须不包含'https：//'或'http：//'，并且端口号应类似于'：3000'

Answer 2

它说有可能，但只能在桌面浏览器上：

注意：嵌入实时聊天在移动网络上不可用。

在直播过程中，您可以通过以下方式将实时聊天嵌入自己的网站中： 使用iframe。

获取直播流的视频ID。您可以从观看页面网址（youtube.com/watch?v=12345）获取视频ID。在这种情况下，视频ID为“ 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

这是您iframe的网址。请注意，embed_domain必须与您在其中嵌入聊天的页面的URL匹配。如果它们不同，则嵌入式聊天将不会加载。

https://support.google.com/youtube/answer/2524549?hl=en

我举了一个例子：

<iframe width="560" height="315" src="https://www.youtube.com/embed/5qap5aO4i9A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="185" height="315" src="https://www.youtube.com/live_chat?v=5qap5aO4i9A&embed_domain=fiddle.jshell.net" frameborder="0"></iframe>

看起来像这样：

在此处查看工作演示： https://jsfiddle.net/kmturley/9Lmbdgn2/8/