使用JQ播放和暂停HTML5的视频

来源:互联网 发布:c 实现灰鸽子源码 编辑:程序博客网 时间:2024/04/27 01:09

视频播放的一般设置就是;点击按钮实现播放和暂停,当视频处于播放状态,点击按钮,实现暂停功能,反之。

1.最简单的方法实现play和pause

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

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

2.点击视频实现播放、暂停

$('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');

    }

})

0 1