0

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

0 回答 0