在iFrame

时间:2017-09-04 02:20:41

标签: video iframe youtube

我想在我的网页上通过iFrame显示YouTube视频,但如果我将iFrame src设置为YouTube网址,我会被阻止,因为X-Frames-Options设置为sameorigin。我找到了一个有效的YouTube视频。如果我将iFrame src设置为https://www.youtube.com/embed/LSHuGxB3tTU则可以正常播放。密钥似乎是embed /目录。所有YouTube视频都有嵌入/目录中的版本,我可以提取和显示吗?我在YouTube页面上的视频设置中没有看到任何提及嵌入/.

的内容

感谢任何想法。

1 个答案:

答案 0 :(得分:1)

  

"如果我将iFrame src设置为 https://www.youtube.com/embed/LSHuGxB3tTU ,则播放正常。
键似乎是embed/目录"

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

  • 转到任何Youtube视频,然后点击 SHARE

  • 在共享选项中,点击 EMBED ,它会在您的网站上生成复制/粘贴的iFrame代码。

    < / LI>
  

&#34;所有YouTube视频的嵌入/目录中是否都有我可以提取和显示的版本?&#34;

是的,每个Youtube视频上传都会自动生成一个嵌入链接,就像视频部分有多个分辨率从输入尺寸向下自动生成一样(示例:一个高度为{{1}的视频}还会生成360240个尺寸的视频。

要获取嵌入网址(可在iFrame中使用):

使用:144后跟https://www.youtube.com/embed/

示例: