HTML5视频未出现在FancyBox iFrame中的iPod / iPhone设备上

时间:2012-04-18 05:18:10

标签: jquery iphone iframe fancybox html5-video

自从将我的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>

0 个答案:

没有答案