<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>