尝试嵌入视频后,该网站将不会显示该视频。
使用以下简单的HTML代码:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=n01ogXL-q9I"></iframe>
</div>
出现控制台错误:
有一个简单的安全修复程序吗?我认为这在某种程度上与安全性有关,可以防止点击劫持攻击?如果Youtube嵌入对用户可见,我希望使用它。
最佳答案
无法显示视频的简单原因是,在其他任何网站上使用该视频之前,都需要先将其嵌入。
您的代码:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=n01ogXL-q9I"></iframe>
您需要始终在
/watch?v=
之后用/embed/
替换www.youtube.com
,如下所示:<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/n01ogXL-q9I"></iframe>
</div>
关于html - Bootstrap响应式YouTube嵌入,不允许跨源框架,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33514946/