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>