Quicktime fancybox和safari无法正常显示

时间:2012-10-05 00:01:30

标签: jquery safari fancybox quicktime

我可能会在这里忽略一件简单的事情,但任何人都可以告诉我为什么这个网站 http://dev.andyfoulds.co.uk/stitch/HTML/ 除了Safari之外什么都可以正常工作(当然也会混淆IOS)?

单击缩略图时,会在fancybox灯箱中打开QT视频。除了Safari之外,所有它都很好,它跳出了fancybox并锁定在左上方。

我收到错误"资源被解释为文档但是使用MIME类型视频/ quicktime传输:"如果它指向正确的方向。

非常感谢。

EDIT 这里有太多的代码可以添加它,但这里是从外部XML源(WireDrive mRSS提要)创建缩略图的循环:

$items.each(function(i){
                var itemObj = {};
                var eachItem = $(this);

                itemObj.company = eachItem.find( "title" ).text();
                itemObj.movLink = eachItem.find( "link" ).text();

                itemObj.w = eachItem.find( 'media\\:content, content' ).attr('width');
                itemObj.h = eachItem.find( 'media\\:content, content' ).attr('height');
                var hPlus = parseInt(itemObj.h) + 16;
                var hPlus2 = parseInt(hPlus) + 15;
                var wPlus = parseInt(itemObj.w) + 15;

                itemObj.thumb = eachItem.find( 'media\\:thumbnail:eq(1), thumbnail:eq(1)' ).attr('url');

                var credits = eachItem.find( 'media\\:credit, credit' );
                credits.each(function(){
                    if($(this).attr('role') == "title") itemObj.tit = $(this).text();
                    if($(this).attr('role') == "director") itemObj.director = $(this).text();
                    if($(this).attr('role') == "editor") itemObj.editor = $(this).text();
                });

                var movStuff = $('<div class="picButt" href="qt_url.php?vidURL=' + itemObj.movLink + '&theH='+ hPlus +'&theW='+ itemObj.w +'"><span class="pic"><img src="'+itemObj.thumb+'"></span></div>');
                movStuff.click(function(event) {
                    $('#qt').empty();
                });

                movStuff.fancybox({
                                helpers:  {
                                    overlay : {
                                        opacity : 0.5
                                    }
                                },
                                loop  : false,
                                fixed: false,
                                padding : 0,
                                type : 'iframe',
                                opacity : 'true',
                                scrolling : 'no',
                                margin : 0,

                                openMethod : 'dropIn',
                                openSpeed : 400,

                                closeMethod : 'dropOut',
                                closeSpeed : 400,

                                autoSize : false,
                                beforeLoad : function() {                    
                                    this.width = wPlus;  
                                    this.height = hPlus2
                                }
                            });

                movStuff.data('myData', {company:itemObj.company, tit:itemObj.tit, director:itemObj.director, ed:itemObj.editor})

                $gridinner.append(movStuff);
                movStuff.css('opacity', 0);
                movStuff.delay((i*50)).animate({'opacity': 1/*, 'marginLeft':0*/}, 600, "easeOutQuad");

                movStuff.hover(thumbOnOver, thumbOnOut);
            });

我注意到每次点击上面都有多个上述错误!

0 个答案:

没有答案