0

我已经为 HTML5 Vido 开发了 Jquery API。它工作正常，除了一个问题。

任务：必须在视频末尾显示海报图像。

我用过的代码：

$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 中再次播放视频时开始。

我的 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