0

カスタム ビデオ プレーヤーを構築しようとしています。

<video  preload="metadata" id="videoPlayer" style="width: 640px; height: 360px;">

</video>
<script type="text/javascript">

     var v           = "";
     var myVideo     = "";

    $(document).ready(function() {

        v        = $("#videoPlayer");
        myVideo  = v.get(0);

        $(".playlist").click(function() {

                         v.attr("src","http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm");
                    myVideo.play();
        });

        myVideo.addEventListener('loadedmetadata', function() {

            // in chrome it is working fine and shows the duration 00-00-33
            // but in firox it is showing Infinity.
                console.log(myVideo.duration);

            });
    });
<script>

クロムビデオで再生され、期間が 33.02 と表示されます。しかし、fireoxではInfinityを示しています。そのため、シークバーを実装できません。私は何かが欠けていると思います

4

1 に答える 1

0

オーディオ/ビデオの長さは NaN (数値ではない) であり、タイムライン スライダーは Firefox で無効になっています / Firefox は読み込みを続けますが、オーディオ/ビデオを再生しません。

サーバーが応答ヘッダーにcontent-lengthおよびcontent-rangeプロパティを設定していることを確認してください。

于 2013-07-22T07:06:47.270 に答える