gpt4 book ai didi

html - Bootstrap响应式YouTube嵌入,不允许跨源框架

转载 作者:行者123 更新时间:2023-12-03 05:27:47 25 4
gpt4 key购买 nike

尝试嵌入视频后,该网站将不会显示该视频。

使用以下简单的HTML代码:

   <div class="embed-responsive embed-responsive-16by9">  
<iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=n01ogXL-q9I"></iframe>
</div>

出现控制台错误:

Load denied by X-Frame-Options: https://www.youtube.com/watch?v=n01ogXL-q9I does not permit cross-origin framing.



有一个简单的安全修复程序吗?我认为这在某种程度上与安全性有关,可以防止点击劫持攻击?如果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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com