自从将我的fancyBox升级到版本2后,iFrame中的HTML5视频已停止在iPod / iPhone上运行。我已经在其他移动设备(Blackberry,PlayBook)上测试了它,它没有问题。我已经在Firefox,Safari和Chrome上测试了我的代码,也没有问题。
fancyBox的先前版本确实对它们起作用(包括iPod / iPhone),但是闪存白色(iframe背景),而版本2没有那个问题,但显然还有其他版本。有什么想法吗?
这是我的fancyBox启动代码:
function fancyBox(video) {
$.fancybox.open({
'padding' : 0,
'overlayColor' : '#000000',
'openEffect' : 'fade',
'closeEffect' : 'fade',
'scrolling' : 'no',
'closeBtn': false,
'closeClick': false,
'width' : 1005,
'height' : 665,
'minWidth' : 1005,
'minHeight' : 665,
'href' : 'video.php?video='+video,
'type' : 'iframe'
});
}
以下是HTML5视频播放代码的摘录:
<video id="video-window" autoplay="autoplay" autobuffer="autobuffer">
<source src="videos/<?php echo $video; ?>.mp4" type='video/mp4' />
<source src="videos/<?php echo $video; ?>.webm" type='video/webm' />
<source src="videos/<?php echo $video; ?>.ogv" type='video/ogg; codecs="theora, vorbis"' />
<object type="application/x-shockwave-flash" data="scripts/player.swf" width="947" height="532">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="autoplay" value="true">
<param name="flashvars" value="videos/<?php echo $video; ?>.mp4">
<!--[if IE]><param name="movie" value="scripts/player.swf"><![endif]-->
<p>Your browser can’t play HTML5 video.</p>
</object>
</video>