0

HTML5 Vido の Jquery API で開発しました。1 つの問題を除いて正常に動作します。

タスク: ビデオの最後にポスター画像を表示する必要があります。

私が使用したコード：

$hdVideo.bind('ended', function() {
                $hd_play_btn.removeClass('hd-paused-button');
                $(".hd-video-main-control").removeClass('hd-video-main-control-none');
                $hdVideo.load();
            });

問題: ビデオの最後にポスターが表示されます。しかし残念なことに、Chrome 13.0 でビデオを再度再生すると、2 番目のビデオ ソースが開始されます。

私のHTMLコードは次のとおりです。

<video width="630" height="354" class="hd-flv-player" poster="asserts/poster.png" controls="controls" data-name="demo video" data-uid="57fb2708">
        <source src="http://hdflvplayer.net/hdflvplayer/videos/Casion-Royale-Chase.mp4" data-quality="hd"/>
        <source src="http://static.clipcanvas.com/sample/clipcanvas_14348_offline.mp4" data-quality="sd"/>
        <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" data-quality="hd"/>
        <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" data-quality="sd"/>
</video>

JQuery プラグイン呼び出しコード:

$(function(){
    var $hdVid = jQuery.noConflict();
    $hdVid(function(){
        $hdVid('.hd-flv-player').hdVideo();
    });
});

バグを修正する方法を教えてください。

4

0 に答える 0