Chrome中的colorbox和iframe的奇怪行为

时间:2012-06-18 19:17:31

标签: jquery colorbox

基本上发生的事情是我有一个视频列表,你点击一个视频,它从数据库中获取嵌入的URL并将网址加载到彩色框中...当你关闭颜色框时,它会逐渐消失然后眨眼间隔一秒钟然后关闭。它只用铬制成,在safari和FF中测试过。它也只是用嵌入的视频来做,我使用html:或iframe和href它仍然可以...

这是我的代码......

$.post('/keep-it-safe/get-video/'+$vidid, function(data) {  
$.colorbox({iframe: true, href:data, width:"50%", height:"50%"});
});

Chrome检查器不会抛出任何错误,除了这两个......

资源被解释为文档但使用MIME类型application / x-shockwave-flash传输:“http://www.youtube.com/v/jvNgktxURM4”。 jquery.min.js:3

不安全的JavaScript尝试从包含网址http://myurl.org/keep-it-safe/videos/的网址访问包含网址http://www.youtube.com/v/jvNgktxURM4的框架。域,协议和端口必须匹配。

// UPDATE ==============================

这个问题似乎与将视频嵌入彩盒直接相关。如果我用静态站点切换它,它不会闪烁,我也不会得到上面列出的错误。

1 个答案:

答案 0 :(得分:1)

  然后

再次闪烁,然后关闭

除了确保Chrome和Flash是最新版本之外,我没有任何建议。

直接iframing youtube视频时,不安全的javascript警告是不可避免的,但不应造成任何伤害。我相信如果你使用YouTube的iframe API就不会出现这种情况: http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html