我想在我的网页上通过iFrame显示YouTube视频,但如果我将iFrame src设置为YouTube网址,我会被阻止,因为X-Frames-Options设置为sameorigin。我找到了一个有效的YouTube视频。如果我将iFrame src设置为https://www.youtube.com/embed/LSHuGxB3tTU则可以正常播放。密钥似乎是embed /目录。所有YouTube视频都有嵌入/目录中的版本,我可以提取和显示吗?我在YouTube页面上的视频设置中没有看到任何提及嵌入/.
的内容感谢任何想法。
答案 0 :(得分:1)
"如果我将iFrame src设置为 https://www.youtube.com/embed/LSHuGxB3tTU ,则播放正常。
键似乎是embed/
目录"
将Youtube视频嵌入另一个视频的重点是iFrames
用于显示其播放器界面(并运行其支持代码)。这是通过使用iFrame访问可嵌入的播放器/代码来完成的。
转到任何Youtube视频,然后点击 SHARE
。
在共享选项中,点击 EMBED
,它会在您的网站上生成复制/粘贴的iFrame代码。
"所有YouTube视频的嵌入/目录中是否都有我可以提取和显示的版本?"
是的,每个Youtube视频上传都会自动生成一个嵌入链接,就像视频部分有多个分辨率从输入尺寸向下自动生成一样(示例:一个高度为{{1}的视频}还会生成360
和240
个尺寸的视频。
要获取嵌入网址(可在iFrame中使用):
使用:144
后跟https://www.youtube.com/embed/
。
示例:
VIDEO_ID
= VIDEO_ID
。
iFrame /嵌入网址为:https://www.youtube.com/embed/wJOfJdWGPMk