在 iFrame 中显示 YouTube 视频

Question

我想通过页面上的 iFrame 显示 YouTube 视频，但如果我将 iFrame src 设置为 YouTube URL，我会被阻止，因为 X-Frames-Options 设置为 sameorigin。我确实找到了一个有效的 YouTube 视频。如果我将 iFrame src 设置为https://www.youtube.com/embed/LSHuGxB3tTU它就可以正常播放。关键似乎是 embed/ 目录。所有 YouTube 视频在 embed/ 目录中都有一个我可以提取和显示的版本吗？我在 YouTube 页面的视频设置中没有看到任何提及 embed/ 的内容。

感谢您的任何想法。

Answer 1

“如果我将 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