我想在我的 HTML 代码中实现一个 Youtube 视频 [重复]答案

【问题标题】：I want to implement a Youtube video in my HTML code [duplicate]我想在我的 HTML 代码中实现一个 Youtube 视频 [重复]
【发布时间】：2019-12-24 18:31:03
【问题描述】：

我想实现一个 Youtube 视频，但视频没有显示，即使我认为我编写了正确的代码。

我很困惑，因为我从另一个 html 代码中复制粘贴了一个代码，而当我将 URL 视频更改为另一个时，它不再显示新视频...

<iframe width="854" height="480" src="https://www.youtube.com    /watch?v=6kg2yV_3B1Q" frameborder="0" gesture="media" allow="encrypted-media"     allowfullscreen></iframe>

codepen 的代码：https://codepen.io/Peyo5202/pen/RwbGaGm?editors=1000

没有错误信息，只是一个空白而不是视频。

【问题讨论】：

你需要把url改成embed端点

标签： html css video youtube

【解决方案1】：

您应该从 youtube 嵌入 iframe 标记： - 点击分享按钮 - 选择嵌入 HTML iframe 标记应如下所示：

<iframe width="560" height="315" src="https://www.youtube.com/embed/6kg2yV_3B1Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

【讨论】：

【解决方案2】：

尝试使用此链接而不是您的链接进行测试，它会起作用：

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY"
</iframe>

所以我认为你的链接有问题

【讨论】：

【解决方案3】：

这是一件微不足道的事情，检查这个W3School，祝你好运，试试这个

    <iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

【讨论】：

“仅链接”的答案在 Stack Overflow 上不被鼓励。考虑改为添加注释，或为某些代码提供更详细的说明。
我收到通知说它是新成员，所以我提供了描述链接，顺便说一句，谢谢：D