问题描述

我正在尝试通过我从其他地方获得的一些资源来提供我的 django 页面。

里面的饲料,我有 YouTube 视频的网址如:https://www.youtube.com/watch?v=A6XUVjK9W4o

一旦我添加到我的页面,视频不会显示:

Refused to display ‘https://www.youtube.com/watch?v=A6XUVjK9W4o‘ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

那我说的好,如果我把 watch 改成 embed,然后 YouTube 播放器出现,但没有视频,说:

有没有人有一个线索我怎么得到这个工作?

我以 html 的形式显示:

<iframe width="420" height="315"
    src="{{vid.yt_url}}">
</iframe>

我已经吞噬了一个小时,没有成功的迹象。我试图追加&output=embed .. nada ..

最佳解决方案

请尝试

<iframe width="420" height="315" src="https://www.youtube.com/embed/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>

次佳解决方案

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

第三种解决方案

src 中的 Youtube 网址必须具有 embed,因此,例如,您可以分享这个 YouTube 视频 https://www.youtube.com/watch?v=P6N9782MzFQ,您应该使用 https://www.youtube.com/embed/P6N9782MzFQ 作为 src 的 iframe HTML 代码中的网址,例如:

<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

第四种方案

如果嵌入不再适用于您,请尝试使用/v 。

<iframe width="420" height="315" src="https://www.youtube.com/v/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>

参考文献

注:本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意,可以加入我们改善翻译效果:薇晓朵技术论坛