我正在使用 Magnific Popup Responsive lightbox 插件打开一个 youtube 视频。
我的代码:
init: function() {
$('#lightbox').magnificPopup({
disableOn: 700,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
}
在 Chrome 中,当我单击链接时,灯箱会打开,有时会加载视频,有时则不会。大多数情况下,它只加载音频而不加载视频。
我收到警告“阻止了来源为“ http://www.youtube.com ”的框架,无法访问来源为“[我的域]”的框架。协议、域和端口必须匹配。- Chrome 通常使用 iframe 给我这个警告。它也无法加载 .swf 文件。
我正在服务器上开发,而不是在本地进行开发。
这在 Safari、Firefox 和 IE8+ 中运行良好;它仅在 Chrome 中存在此问题。