0

fancyBox をバージョン 2 にアップグレードしてから、iFrame 内の HTML5 ビデオが iPod/iPhone で動作しなくなりました。他のモバイル デバイス (Blackberry、PlayBook) でテストしましたが、問題なく動作します。コードを Firefox、Safari、Chrome でテストしましたが、問題はありませんでした。

fancyBox の以前のバージョンはそれらすべて (iPod/iPhone を含む) で動作しましたが、バージョン 2 にはその問題はありませんが、他の問題があるように見えますが、白く点滅します (iframe の背景)。何か案は?

これが私の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