关于javascript:MP4影片无法在iPad中播放

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中找到了它