video - 在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

" If I set my iFrame src to https://www.youtube.com/embed/LSHuGxB3tTU it plays fine.
The key seems to be the embed/ directory"

将Youtube视频嵌入另一个地方的全部目的是， iFrames用于显示其播放器界面(并运行其支持代码)。这是通过使用iFrame访问可嵌入的播放器/代码来完成的。

转到任何YouTube视频，然后单击 SHARE 。

在“共享”选项中，单击 EMBED ，它会生成iFrame代码以复制/粘贴到您的网站上。

"Do all YouTube videos have a version in an embed/ directory that I could pull and show?"

是的，每个Youtube视频上传都会自动生成一个嵌入链接，就像视频部分具有从输入尺寸开始向下自动生成的多种分辨率一样(例如:高度 360的视频还会生成 240和 144大小的视频)。

要获取网址(可在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