我的 YouTube 视频不会显示在 iframe 中

Question

这是我在 HTML 中输入的代码

<iframe width="640" height="360" src="https://www.youtube.com/watch?v=ZwKhufmMxko">
</iframe>

视频帧将显示，但实际视频不会加载甚至不会显示。我试过等待，所以这应该不是加载问题。

我目前也只使用 HTML 和 CSS

关于如何让它工作的任何想法？

原文由 jdavid 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

YouTube 不允许第三方像那样直接嵌入他们的网站。使用

<iframe width="640" height="360" src="https://www.youtube.com/watch?v=ZwKhufmMxko">
</iframe>

将引发一个错误 Refused to display 'https://www.youtube.com/watch?v=ZwKhufmMxko' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 来表明这一点（你真的应该检查控制台这些东西）。

幸运的是，Youtube 提供了“嵌入视频”选项，您需要使用它来嵌入视频。

例如，您的链接视频将生成 iframe 代码：

 <iframe width="560" height="315" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe>

原文由 apokryfos 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将--- watch?v= 更改为 embed/

获得正确链接的最简单方法是在 YouTube 视频上访问 right-click 并选择 copy embed code 。

 <iframe width="854" height="480" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe>

原文由 user3467534 发布，翻译遵循 CC BY-SA 4.0 许可协议