HTML中用iframe嵌入YouTube视频失败，遇X-Frame-Options限制

根据你提供的代码和错误信息，问题可从以下几个方向排查解决：

1. 目标视频被创作者禁用嵌入权限 #

YouTube视频创作者可在后台关闭「允许嵌入」选项，这种情况下即便使用正确的embed链接也无法嵌入。

• 验证方式：打开目标视频的YouTube页面，点击「分享」→「嵌入」，若没有生成嵌入代码的选项，说明该视频禁止嵌入，无法通过iframe加载。

2. 链接被意外篡改（错误信息核心线索） #

你的错误提示显示尝试加载的链接为：

Loading "https://www.youtube.com/watch?v=embed%2FqMJe-ysGx0o&feature=youtu.be" into a frame is prevented by the "X-Frame-Options" directive set to "SAMEORIGIN".

这个是错误的watch格式链接（而非标准embed格式），说明你的iframe的src属性可能被服务器脚本或页面其他代码意外修改了。

• 解决方式：检查页面渲染后的实际HTML代码，确认iframe的src确实是https://www.youtube.com/embed/fcPOsBCwyu8，没有被转义或替换成带watch?v=的错误链接。

3. 确认embed链接本身有效性 #

直接在浏览器地址栏打开你使用的embed链接（https://www.youtube.com/embed/fcPOsBCwyu8）：

• 若无法正常加载视频，说明该视频确实不允许嵌入；
• 若能正常加载，再排查页面是否有其他脚本干扰iframe的src属性。

附你提供的代码对比：

• 此前成功的代码：

<center><iframe src="https://www.youtube.com/embed/ciMEdMu2s5U" frameborder="0"></iframe></center>

• 当前使用的代码：

<center><iframe src="https://www.youtube.com/embed/fcPOsBCwyu8" frameborder="0" allowfullscreen></iframe></center>

内容的提问来源于stack exchange，提问作者Margarida Campos