为什么我的视频没有显示？

Question

我的代码：

<iframe height="420" width="315" src="https://www.youtube.com/watch?v=ddR9g- 
YzE8g" frameborder="0" allowfullscreen></iframe>

问题出在，视频无法如代码笔所示显示

codepen：https://codepen.io/don0ts/pen/gjYJvq

Answer 1

您应该在YouTube链接上使用“ / embed”。正确的方法应该是：

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

Answer 2

检查开发工具（通常使用F12） 它显示了这一点：

拒绝在帧中显示“ https://www.youtube.com/watch?v=ddR9g-YzE8g”，因为它将“ X-Frame-Options”设置为“ sameorigin”。

请参阅：link

<iframe width="560" height="315" src="https://www.youtube.com/embed/ddR9g-YzE8g" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Answer 3

您实际上应该这样写：

<iframe frameborder="0" height="190" src="https://www.youtube.com/embed/ddR9gYzE8g" width="100%"></iframe>