我正在开发一个使用 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/