我是在用于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();
});
});
请告诉我如何修复我的错误。