嵌入 YouTube 视频 - 拒绝显示在框架中,因为它将“X-Frame-Options"设置为“SAMEO

2023-09-08前端开发问题
7

本文介绍了嵌入 YouTube 视频 - 拒绝显示在框架中,因为它将“X-Frame-Options"设置为“SAMEORIGIN"的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

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

I am trying to feed my Django page with some resource I am getting from somewhere else.

在提要中,我的 YouTube 视频的 URL 如下:https://www.youtube.com/watch?v=A6XUVjK9W4o

Inside the feed, I have YouTube videos with URL like: https://www.youtube.com/watch?v=A6XUVjK9W4o

一旦我将它添加到我的页面中,视频就不会显示,说:

Once I added this into my page, the video does not show up, saying:

拒绝显示'https://www.youtube.com/watch?v=A6XUVjK9W4o' 在一个框架,因为它将X-Frame-Options"设置为SAMEORIGIN".

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

然后我说,好吧,如果我将 watch 更改为 embed 会怎样.然后YouTube播放器出现,但没有视频,说:

Then I said, well, what if I change watch to embed. Then YouTube player shows up, but no video, saying:

我怎样才能让它工作?

我在 HTML 中显示它是这样的:

I am showing it in HTML like this:

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

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

I googled almost for an hour, but no sign of success. I tried to append &output=embed - nada...

推荐答案

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

You must ensure the URL contains embed rather watch as the /embed endpoint allows outside requests, whereas the /watch endpoint does not.

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

这篇关于嵌入 YouTube 视频 - 拒绝显示在框架中,因为它将“X-Frame-Options"设置为“SAMEORIGIN"的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui 实现实时刷新一个外部的div
主页面上显示了一个合计,在删除和增加的时候需要更改这个总套数的值: //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后,...
2024-11-14 前端开发问题
156

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

“数组中的每个孩子都应该有一个唯一的 key prop"仅在第一次呈现页面时
quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)...
2024-04-20 前端开发问题
5

如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?
How do I make a TextGeometry multiline? How do I put it inside a square so it wraps like html text does inside a div?(如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?) - IT屋-程序员软件开发技术分享社...
2024-04-20 前端开发问题
6

缩放背景图像以适合 ie8 窗口
Scale background image to fit ie8 window(缩放背景图像以适合 ie8 窗口)...
2024-04-19 前端开发问题
11