Jquery FancyBox iFrame中的iPod/iPhone设备上未出现HTML5视频
自从将我的fancyBox升级到版本2后,我在iFrame中的HTML5视频就停止在iPod/iPhone上工作。我已经在其他移动设备(黑莓、PlayBook)上测试过了,它工作正常。我已经在Firefox、Safari和Chrome上测试了我的代码,没有任何问题 先前版本的fancyBox对它们都有效(包括iPod/iPhone),但会闪烁白色(iframe背景),而版本2没有这个问题,但显然还有其他问题。有什么想法吗 以下是我的fancyBox启动代码:Jquery FancyBox iFrame中的iPod/iPhone设备上未出现HTML5视频,jquery,iphone,iframe,fancybox,html5-video,Jquery,Iphone,Iframe,Fancybox,Html5 Video,自从将我的fancyBox升级到版本2后,我在iFrame中的HTML5视频就停止在iPod/iPhone上工作。我已经在其他移动设备(黑莓、PlayBook)上测试过了,它工作正常。我已经在Firefox、Safari和Chrome上测试了我的代码,没有任何问题 先前版本的fancyBox对它们都有效(包括iPod/iPhone),但会闪烁白色(iframe背景),而版本2没有这个问题,但显然还有其他问题。有什么想法吗 以下是我的fancyBox启动代码: function 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>
检查这一行'href':'video.php?video='+video',
是否没有产生冲突。我想它应该是'href':'video.php?video='+video,
可能设置'autoSize':false
@JFK是的,当我将它粘贴到这里时,这只是一个格式错误,删除了一堆其他变量,但遗漏了一个引号。谢谢你指出这一点。@Janis这太奇怪了,看起来它可能已经修好了。我本来有自动缩放功能(来自于最初的fancyBox),但是looks-look-autoSize完成了这个功能,至少现在只有一个测试。谢谢你的帮助!