我可能会在这里忽略一件简单的事情,但任何人都可以告诉我为什么这个网站 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);
});
我注意到每次点击上面都有多个上述错误!