【问题标题】:Google + YouTube JS API Blocked a frame from accessing a cross-origin frameGoogle + YouTube JS API 阻止框架访问跨域框架
【发布时间】:2017-05-25 21:13:20
【问题描述】:

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

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

有人在使用“单页应用程序”时遇到这种情况吗?

【问题讨论】:

    标签: javascript api dynamic youtube


    【解决方案1】:

    您没有提供很多背景信息,但我的钱是在您尝试在 iframe 中显示带有“观看”链接的 youtube 视频,您所要做的就是使用嵌入式链接在其中显示 youtube 视频一个 iframe。

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

    对比

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

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

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

    【讨论】:

      猜你喜欢
      • 2015-07-11
      • 2014-09-25
      相关资源
      最近更新 更多