使用jQuery将播放/暂停/结束功能绑定到HTML5视频

Video播放：$('video').trigger('play');
 
Video暂停：$('video').trigger('pause');

/*视频暂停播放方法*/
var PlayVideo = function () {
    if (!$('#video')[0].paused) {
        $('#video')[0].pause();
    } else {
        $('#video')[0].play();
    }
};
/*点击控制按钮控制暂停播放*/
$('#playbtn').click(PlayVideo);
/*点击视频控制暂停播放*/
$('#video').click(PlayVideo);
 
/*视频暂停和结束时显示控制按钮*/
$('#video').bind('pause ended', function () {
    $('.playbtn').addClass('pauseBtn');
    console.log("显示控制条");
});
/*视频播放时隐藏控制按钮*/
$('#video').bind('play', function () {
    $('.playbtn').removeClass('pauseBtn');
    console.log("隐藏控制条");
});