在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');
}
})
如下图效果:
更多技术问题,可前往优睿科技查看