Google + YouTube JS API阻止访问跨域框架的框架

时间:2017-05-25 21:13:20

标签: javascript api dynamic youtube

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

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

使用“单页应用”时,有人遇到过这种情况吗?

1 个答案:

答案 0 :(得分:3)

你没有给出很多背景信息,但是我的资金就在你试图在iframe中显示带有“观看”链接的youtube视频,所有你需要做的就是使用嵌入式链接来显示youtube视频一个iframe。

symfony documentation

vs

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

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

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