video标签监听播放暂停，隐藏下载按钮代码,Java代码库,德仔网

代码语言

代码分类

【Java】 video标签监听播放暂停，隐藏下载按钮

作者:泽雯 / 发布于2018/9/27/ 699

/* 隐藏视频默认的下载按钮*/
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}
/*隐藏音频的默认下载按钮*/
audio::-webkit-media-controls-enclosure {overflow:hidden;}
audio::-webkit-media-controls-panel {width: calc(100% + 30px);}

//播放视频，并且监听视频是否播放结束
init.public.playVideo=function(target){
//点击播放按钮，隐藏遮罩层和自定义的播放按钮$('#'+target).next('.video-mask').hide();document.getElementById(target).play();var md=document.getElementsByClassName("common-video")[0];
//监听播放结束之后显示遮罩层和播放按钮
? ? ? ? ?md.addEventListener("ended",function(){
? ? ? ? $('#'+target).next('.video-mask').show();
? });
}
//点击视频暂停播放
init.public.pauseVideo=function(target){document.getElementById(target).pause();$('#'+target).next('.video-mask').show();
}
//监听视频的播放状态
init.public.judeVidestate=function(){var myVideo=document.getElementById("_vid");??myVideo.addEventListener('play',function(){??$('.video-mask').hide();? ? ?});??myVideo.addEventListener('pause',function(){??$('.video-mask').show();? ? ?});?
}

试试其它关键字

同语言下

可能有用的

泽雯贡献的其它代码(6)