【发布时间】:2017-05-25 21:13:20
【问题描述】:
我正在开发一个使用 ajax 进行页面转换的网站。在主页上,我正在通过 javascript 动态加载 youtube 视频和订阅按钮。当我从主页转换到另一个页面时,我收到以下错误:
阻止来源为“https://www.youtube.com”的框架访问跨域框架
有人在使用“单页应用程序”时遇到这种情况吗?
【问题讨论】:
标签: javascript api dynamic youtube
我正在开发一个使用 ajax 进行页面转换的网站。在主页上,我正在通过 javascript 动态加载 youtube 视频和订阅按钮。当我从主页转换到另一个页面时,我收到以下错误:
阻止来源为“https://www.youtube.com”的框架访问跨域框架
有人在使用“单页应用程序”时遇到这种情况吗?
【问题讨论】:
标签: javascript api dynamic youtube
您没有提供很多背景信息,但我的钱是在您尝试在 iframe 中显示带有“观看”链接的 youtube 视频,您所要做的就是使用嵌入式链接在其中显示 youtube 视频一个 iframe。
https://www.youtube.com/watch?v=giYeaKsXnsI
对比
https://www.youtube.com/embed/giYeaKsXnsI
否则,youtube 会抛出跨域错误。
我建议使用一些正则表达式提取视频 ID(上例中的 giYeaKsXnsI)并将其附加到嵌入 URL 的末尾,并将其作为 iframe 中的 src 属性传递。
【讨论】: