Jquery怎么控制视频的播放与暂停

在PC端,在使用video标签的时候如果加上controls属性,浏览器默认出现如下形式的视频:


大家可以看到,有一个下载的按键,有些时候要求不给下载,那怎样才能实现video的播放和暂停呢?可以通过点击事件来实现:

$('video').click(function(){

   if($(this).hasClass('pause')){

      $('video').tigger('play');

      $(this).removeClass('pause');

      $(this).addClass('play');

    }else{

      $('video').tigger('pause');

      $(this).removeClass('play');

      $(this).addClass('pause');

    }

})

如下图效果:


更多技术问题,可前往优睿科技查看