您的位置: 首页 > 技术问答 > 在iFrame中显示YouTube视频

在iFrame中显示YouTube视频

分类: 技术问答 • 2022-08-11 16:35:44

问题描述：

我想通过我的页面上的iFrame显示YouTube视频，但是如果将iFrame src设置为YouTube网址，我会被阻止，因为X-Frames-Options设置为sameorigin。我确实找到了一个有效的YouTube视频。如果我将我的iFrame src设置为https://www.youtube.com/embed/LSHuGxB3tTU，它会很好。关键似乎是嵌入/目录。是否所有的YouTube视频都有嵌入/目录中的版本，我可以将它们展示出来？我没有在YouTube页面上的视频设置中看到任何提及嵌入的内容。在iFrame中显示YouTube视频

感谢您的任何想法。

+0

的可能的复制[嵌入YouTube视频 “拒绝显示文档，因为通过显示X框-选项禁止”]（https://*.com /问题/ 9934944 /嵌入YouTube网站的视频，拒绝对显示屏的文档，因为显示器禁-b） – duskwuff

答

“如果我把我的IFRAME SRC到https://www.youtube.com/embed/LSHuGxB3tTU它起着罚款。
的关键似乎是embed/目录”

在另一个嵌入YouTube视频的整点，是iFrames用于显示其播放器界面（并运行其支持代码）。这是通过使用iFrame访问可嵌入播放器/代码完成的。

转到任何的Youtube视频，点击SHARE。
在共享选项中，单击EMBED和它产生的IFRAME代码复制/粘贴您的网站。

“是否所有的YouTube视频都在嵌入/目录下，我可以拉，并显示一个版本？”

是每个YouTube视频上传得到一个嵌入链接自动生成的，就像视频部分具有多种分辨率自动生成从输入大小向下（例如：高度360的视频也产生240和144大小的视频）。

要获得嵌入URL（在iFrame中使用）：

用途：https://www.youtube.com/embed/其次VIDEO_ID。

实施例：

以https://www.youtube.com/watch?v=wJOfJdWGPMk。
其中VIDEO_ID = wJOfJdWGPMk。
iFrame /嵌入URL是：https://www.youtube.com/embed/wJOfJdWGPMk