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>

<script type="text/javascript" src="../../lib/jquery.min.js"></script><script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script><script type="text/javascript">//<![CDATA[$(document).ready(function(){	$("#jquery_jplayer_1").jPlayer({		ready: function (event) {			$(this).jPlayer("setMedia", {				title: "Bubble",				m4a: "http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",				oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"			});		},		swfPath: "../../dist/jplayer",		supplied: "m4a, oga",		wmode: "window",		useStateClassSkin: true,		autoBlur: false,		smoothPlayBar: true,		keyEnabled: true,		remainingDuration: true,		toggleDuration: true	});});//]]></script>