jquery html5 视频播放控制

<video class="pause" controls poster="images/vedio.jpg" width="663" height="373">
<source src="video/Defone3.8_1.mp4" type="video/mp4">
您的浏览器不支持html5！
</video>
<script type="text/javascript">
$('video').click(function() {
if ($(this).hasClass('pause') ) {
$("video").trigger("play");
$(this).removeClass('pause');
$(this).addClass('play');
} else {
$("video").trigger("pause");
$(this).removeClass('play');
$(this).addClass('pause');
}
});
</script>