Question

美好的一天，我一直致力于这个项目并学习如何在ipad和其他所有浏览器上放置视频。

但是在为此编写代码之后，我注意到我从iPad获得的唯一内容是视频的第一个关键帧，但视频没有播放。当我按下ipad屏幕上显示的“播放”按钮时，视频将不会播放。奇怪的是，脚本有一个autoplay命令。

这个脚本有什么问题？有没有更好的方法呢？我花了太多时间在这上面，我无法完成它。我在Safari for Windows，Firefox，Internet Explorer上检查了这个，除了iPad之外，它可以在任何地方使用。

<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]-->
                    <div id="noUpdate">
                        <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 <a href="http://www.adobe.com/go/getflashplayer">downloading here</a>.</p>
                    </div>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
            <script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    swfobject.registerObject("csSWF", "9.0.28", "expressInstall.swf");
</script>
</video>

Answer 1

mp4视频（分辨率和配置文件）的规格是什么？ iPad不支持mp4的所有品种。

你是否尝试过没有flash和ogv源的简单html？

看起来像你的sepc：

iPad支持的视频格式

H.264视频（最高720p，每秒30帧;主配置文件级别3.1，AAC-LC音频高达160 Kbps，48kHz，立体声音频，.m4v，.mp4和.mov文件格式）
MPEG-4视频，高达2.5 Mbps， 640 x 480像素，每秒30帧，简单配置文件，AAC-LC音频高达160 Kbps，48kHz，立体声音频，.m4v， .mp4和.mov文件格式。

Answer 2

如果您还指定基本媒体编解码器

，也许会更好

<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

Answer 3

这可能吗？

“如果您包含海报属性，iOS将无法识别该视频。该元素的海报属性允许您在视频加载时显示自定义图像，或者直到用户按下”播放“。此错误已修复iOS 4.0，但用户升级还需要一段时间。“

在Dive into HTML5

中找到它

Mp4视频无法在iPad上播放

3 个答案:

iPad支持的视频格式