Mp4 video won't play in the iPad
美好的一天,我一直在从事这个项目,并学习如何在ipad和所有其他浏览器上放置视频。
但是,在为此编写代码之后,我注意到从iPad上获得的唯一东西是视频的第一个关键帧,但是视频无法播放。 当我按下出现在ipad屏幕上的"播放"按钮时,视频将不再播放。 奇怪的是,脚本具有自动播放命令。
这个脚本有什么问题? 有更好的方法吗? 我在此上花了太多时间,无法完成。 我在Windows,Firefox,Internet Explorer的Safari浏览器上进行了检查,除iPad之外,它都可在其他地方使用。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <video controls width="920px" height="560px" autoplay> <!-- if Safari/Chrome--> <source src="video.mp4" type="video/mp4" /> <source src="video.ogv" type="video/ogg" /> <!--If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like"Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.)--> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="920" height="560" id="csSWF"> <param name="movie" value="video_controller.swf" /> <param name="quality" value="best" /> <param name="bgcolor" value="#1a1a1a" /> <param name="allowfullscreen" value="true" /> <param name="scale" value="showall" /> <param name="allowscriptaccess" value="always" /> <param name="flashvars" value="autostart=true&showstartscreen=false&color=0x1A1A1A,0x1A1A1A" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="video_controller.swf" width="920" height="560"> <param name="quality" value="best" /> <param name="bgcolor" value="#1a1a1a" /> <param name="allowfullscreen" value="true" /> <param name="scale" value="showall" /> <param name="allowscriptaccess" value="always" /> <param name="flashvars" value="autostart=true&showstartscreen=false&color=0x1A1A1A,0x1A1A1A" /> <!--<![endif]--> <p><center>[wp_ad_camp_2]</center></p><p> The video content presented here, requires a more recent version of the Adobe Flash Player. If you are using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by downloading here. </p> <!--[if !IE]>--> </object> <!--<![endif]--> </object> <script type="text/javascript" src="swfobject.js"> <script type="text/javascript"> swfobject.registerObject("csSWF","9.0.28","expressInstall.swf"); </video> |
mp4视频的规格(分辨率和配置文件)是什么? iPad不支持所有mp4品种。
您是否尝试了没有Flash和ogv源的简单html?
看起来像您过度的sepc:
iPad支持的视频格式
- H.264视频(高达720p,每秒30帧;主配置文件级别3.1,具有高达160 Kbps,48kHz的AAC-LC音频,.m4v,.mp4和.mov文件格式的立体声音频)
- MPEG-4视频,最高2.5 Mbps,640 x 480像素,每秒30帧,带有AAC-LC音频的最高160 bps,48kHz的简单配置文件,.m4v,.mp4和.mov文件格式的立体声音频。
如果您还指定基本的媒体编解码器可能会更好
1 | <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> |
可以吗?
"如果您包含海报属性,iOS将无法识别视频。该元素的海报属性允许您在视频加载期间或用户按下"播放"之前显示自定义图像。此错误已在iOS 4.0中修复,但需要一段时间才能升级用户。"
在Dive into HTML5中找到了它