Question

我是代码的新手，我想实现一个将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地址。

Answer 1

要嵌入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的official documentation。

在直播过程中，您可以使用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匹配。如果它们不同，则嵌入式聊天将不会加载。

如何修复HTML中的YouTube实时聊天

1 个答案: