javascript - Google + YouTube JS API 阻止框架访问跨源框架

标签 javascript api dynamic youtube

我正在开发一个使用 ajax 进行页面转换的网站。在主页上,我通过 JavaScript 动态加载 YouTube 视频和订阅按钮。当我从主页转换到另一个页面时,出现以下错误:

阻止来源为“https://www.youtube.com ”的框架访问跨源框架

有人在使用“单页应用程序”时遇到过这个问题吗?

最佳答案

您没有提供大量上下文,但我的钱是您正在尝试在 iframe 中显示带有“观看”链接的 YouTube 视频,您所要做的就是使用嵌入式链接在中显示 YouTube 视频一个 iframe。

https://www.youtube.com/watch?v=giYeaKsXnsI

对比

https://www.youtube.com/embed/giYeaKsXnsI

否则,youtube 将抛出跨域错误。

我建议使用一些正则表达式来提取视频 ID(上例中的 giYeaKsXnsI)并将其附加到嵌入 URL 的末尾,并将其作为 iframe 中的 src 属性传递。

关于javascript - Google + YouTube JS API 阻止框架访问跨源框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44189915/

相关文章:

javascript - 来自 @Input 时,将 ngModel 分配给属性是未定义的

api - 在 client-go 中按标签过滤 secret 对象

php - Stripe 签账卡使用 php Rest api 时出现 fatal error

javascript - 初学者的 html div 覆盖

javascript - 使用 AngularJS ngModel 和表单验证 $watch 两个元素并在任一输入更改时测试它们是否相等

javascript - Leaflet map.fitBounds 错误的中心和缩放

javascript - 如何获得按地区列出当天观看次数最多的YouTube视频的列表?

javascript - 动态加载的图像用作包含 div 的背景

c# - 有没有办法从静态方法访问缓存或 session ?

c++ - 动态内存复制如何工作?