放大弹出窗口:协议和域必须匹配,YouTube视频不在Chrome中加载

放大弹出窗口:协议和域必须匹配,YouTube视频不在Chrome中加载,youtube,cross-domain,magnific-popup,Youtube,Cross Domain,Magnific Popup,我正在使用放大弹出响应lightbox插件打开youtube视频 我的代码: init: function() { $('#lightbox').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }

我正在使用放大弹出响应lightbox插件打开youtube视频

我的代码:

init: function() {
    $('#lightbox').magnificPopup({
      disableOn: 700,
      type: 'iframe',
      mainClass: 'mfp-fade',
      removalDelay: 160,
      preloader: false,

      fixedContentPos: false
    });
}
在Chrome中,当我点击链接时,灯箱会打开,有时会加载视频,有时不会。通常它只加载音频而不加载视频

我收到警告“阻止源帧”访问源帧“[my domain]”的帧。协议、域和端口必须匹配。“-Chrome通常会在iFrame中向我发出此警告。 它也无法加载.swf文件

我是在服务器上开发的,不在本地供参考


这在Safari、Firefox和IE8+中运行良好;Chrome中只有这个问题。

请提供带有问题的页面链接。我在Firefox、Safari和Chrome中也有同样的问题。我收到了相同的错误消息“协议、域和端口必须匹配”,只得到了一个黑色窗口。在Firefox上,我在窗口中看到了一个Youtube播放按钮,但当点击它时,它只是说“发生了一个错误”。如果我从URL请求视频(不调用放大弹出窗口),视频加载正常,因此URL是正确的。我使用与演示页面相同的代码来播放视频-好奇,因为它显然在您的演示页面上工作得非常完美。不知道我是否需要一个跨域文件或什么使这成为可能。