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

【问题标题】：Why is my video not being displayed?为什么我的视频没有显示？
【发布时间】：2018-12-22 11:35:48
【问题描述】：

我的代码：

<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

【问题讨论】：

标签： html css web

【解决方案1】：

检查开发工具（通常使用 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>

【讨论】：

【解决方案2】：

您应该使用“/embed”和 youtube 链接。这样做的正确方法应该是：

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

【讨论】：

别忘了把它标记为正确 :) @GustavoJRiosOrdoñez

【解决方案3】：

你实际上应该这样写：

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

【讨论】：