jquery load()指向第二个视频源,而不是仅显示海报

时间:2012-10-09 06:10:27

标签: javascript jquery html5-video

我是在用于HTML5 Vido的Jquery API上开发的。它可以正常工作,除了一个问题。

任务:必须在视频结尾处显示海报图片。

代码I已使用:

$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();
    });
});

请告诉我如何修复我的错误。

0 个答案:

没有答案