首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >嵌入YouTube视频-拒绝在帧中显示,因为它将‘X帧选项’设置为'SAMEORIGIN‘

嵌入YouTube视频-拒绝在帧中显示,因为它将‘X帧选项’设置为'SAMEORIGIN‘
EN

Stack Overflow用户
提问于 2014-09-04 16:54:27
回答 5查看 326.4K关注 0票数 206

我正在尝试为我的Django页面提供一些我从其他地方获得的资源。

在提要中,我有一些YouTube视频,其网址如下:https://www.youtube.com/watch?v=A6XUVjK9W4o

一旦我把这段视频添加到我的页面上,视频就不会显示了,它说:

拒绝在帧中显示'https://www.youtube.com/watch?v=A6XUVjK9W4o‘,因为它将'X- frame -Options’设置为'SAMEORIGIN‘。

然后我说,好吧,如果我把watch改成embed呢?然后YouTube播放器出现了,但没有视频,他说:

我怎么才能让它工作呢?

我用HTML显示它,如下所示:

代码语言:javascript
复制
<iframe width="420" height="315"
    src="{{vid.yt_url}}">
</iframe>

我用谷歌搜索了将近一个小时,但没有成功的迹象。我尝试添加&output=embed - nada...

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2014-09-04 17:03:14

您必须确保URL包含embed而不是watch,因为/embed端点允许外部请求,而/watch端点不允许。

代码语言:javascript
复制
<iframe width="420" height="315" src="https://www.youtube.com/embed/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>
票数 484
EN

Stack Overflow用户

发布于 2017-02-05 11:27:26

src中的YouTube URL必须具有并使用embed端点,而不是watch,例如,假设您希望嵌入以下YouTube视频:https://www.youtube.com/watch?v=P6N9782MzFQ (浏览器的URL)。

您应该使用embed端点,因此URL现在应该类似于https://www.youtube.com/embed/P6N9782MzFQ

<iframe width="853" height="480" src="https://www.youtube.com/embed/P6N9782MzFQ" frameborder="0" allowfullscreen ng-show="showvideo"></iframe>

所以只需将https://www.youtube.com/watch?v=替换为https://www.youtube.com/embed/,当然还要检查您的视频ID,在此示例中,我的视频ID是P6N9782MzFQ

票数 62
EN

Stack Overflow用户

发布于 2015-11-16 05:22:00

你只需要从YouTube Embed部分复制(点击视频下方的SHARE,然后嵌入并复制整个iframe)。

票数 21
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25661182

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档