无法让视频在iPad或iPhone上播放?

问题描述:

我已到处寻找答案,这一切都非常混乱。无法让视频在iPad或iPhone上播放?

我无法让我的视频在ipad或iphone上播放。

他们在其他设备上玩,包括机器人/桌面。我已经使用Miro视频转换器和手刹多次转换它们,我试图减小文件大小。我试图删除海报标签。我得出结论,我的html一定有什么问题,看起来像这样:

<div id="blackbox_2" style="display: none"> 
<video title="BlackBox Sessions Part 2" class="video" preload="auto" controls> 
<source src="videos/BlackBoxPt.2 copy.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
<source src="videos/BlackBoxPt.2.webm" type='video/webm; codecs="vp8, vorbis"'> 
<source src="videos/BlackBoxPt.2.ogv" type='video/ogg; codecs="theora, vorbis"'> 
<object width="640" height="360" type="application/x-shockwave-flash" 
data="flowplayer-5"> 
<param name="movie" value="flowplayer-5" /> 
<param name="allowfullscreen" value="true" /> 
<param name="flashvars" value='config={"clip": {"url": "http://kimcolemanprojects.com/videos/BlackBoxPt.2.appleuniversal.mp4", "autoPlay":false, "autoBuffering":true}}' /> 
</object> 
</video> </div> 

这个html我从潜入html中获得。在iPad/iPhone上,您可以在中间看到视频播放按钮,但是当您点击它时什么都不会发生。

页面与视频在这里http://kimcolemanprojects.com/video-lighting.html

我有这个页面上的是一个奇特的箱体显示屏的几部影片。

如果有人能帮助我指引正确的方向,我将非常感激,这个问题让我感到非常恼火。

感谢 安吉拉

+0

该代码在iOS上独立运行,如演示[这里](http://jsfiddle.net/ZuCLm/)。你有没有在视频上的任何事件处理程序可能会阻止播放视频('e.preventDefault()','return false'等)? –

+0

是的,我有一个可能会干扰的dragdivscroll jquery事件。任何想法如何解决它与失去这部分剧本。该脚本可在此页面上找到http://kimcolemanprojects.com/video-lighting.html(与上面相同的页面)。 – angela

我决定把这个问题最简单的选择是我流通过YouTube和Vimeo的所有视频。这样他们就能处理所有事情。