我试图用从其他地方获得的一些资源来充实我的Django页面.

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

一旦我把这个添加到我的页面上,视频就不会出现了,它说:

拒绝在屏幕上显示"https://www.youtube.com/watch?v=A6XUVjK9W4o"

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

在此处输入代码

我怎么才能让这个管用呢?

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

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

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

推荐答案

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

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

Html相关问答推荐

如何删除html原生对话框的宽度

应用于文本而不是弹性容器的Flexbox属性

当在双引号|Angular .html文件中使用时,Pretier会将单引号字符替换为&;Quot;

在iOS中调整HTML邮箱内容的大小

如何在一行文本溢出省略号后显示文本?

是否可以部分列出一个HTML有序列表

小虫?CSS Flexbox间隙应用于两个内联文本块之间,因为它们之间存在绝对定位的元素

Bootstrap nav没有崩溃

你将如何为手机制作导航栏

元素offsetTop在滚动容器中时没有更改

添加带有悬停动画的喜欢图标

使用 popover api 和 `

CSS 字母间距将按钮向右扩展

为什么每当我调整图片大小时它都会使我的其他元素移动

从 Vue 应用程序的容器元素渲染 HTML

屏幕缩小时背景图像裁剪高度

修复 Vue 3 Component 中的 CSS 以显示后面的 Select 器样式而无需 !important

图像比预期宽的网格列

在一行中对齐两个不同形式的按钮

CSS 变量不适用于自定义属性回退值