6

良い一日、私はこのプロジェクトに取り組んでいて、iPadや他のすべてのブラウザにビデオを配置する方法を学びました。

しかし、このためのコードを書いた後、iPadから取得するのはビデオの最初のキーフレームだけであることに気付きましたが、ビデオは再生されていません。iPadのその画面に表示される「再生」ボタンを押すと、ビデオが再生されるだけではありません。奇妙なことに、スクリプトには自動再生コマンドがあります。

このスクリプトの何が問題になっていますか？これを行うためのより良い方法はありますか？私はこれにあまりにも多くの時間を費やしました、そして私はそれを成し遂げることができません。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>
4

3 に答える 3

7

mp4ビデオの仕様（解像度とプロファイル）は何ですか？iPadはすべての種類のmp4をサポートしているわけではありません。

フラッシュとogvソースのない単純なhtmlを試しましたか？

それはあなたのオーバーセプのように見えます：

iPadがサポートするビデオフォーマット

  • H.264ビデオ（最大720p、30フレーム/秒、メインプロファイルレベル3.1、最大160 Kbps、48kHz、.m4v、.mp4、および.movファイル形式のステレオオーディオ）
  • MPEG-4ビデオ、最大2.5 Mbps、640 x 480ピクセル、30フレーム/秒、最大160 Kbps、48kHzのAAC-LCオーディオを備えたシンプルプロファイル、.m4v、.mp4、および.movファイル形式のステレオオーディオ。
于 2010-10-11T14:11:28.350 に答える
2

基本的なメディアコーデックも指定した方が良いかもしれません

<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
于 2010-10-11T13:25:11.227 に答える
0

これでいいの？

「poster属性を含めると、iOSはビデオを認識しません。要素のposter属性を使用すると、ビデオのロード中、またはユーザーが「再生」を押すまで、カスタム画像を表示できます。このバグはiOS4.0で修正されていますが、ユーザーがアップグレードするまでにはしばらく時間がかかります。」

DiveintoHTML5で見つかりました

于 2010-10-11T14:20:23.007 に答える