在项目中,有个需求是分享视频链接地址到微信、qq或者朋友圈,只能试看两分钟,本想着通过h5界面就能控制实现效果,代码如下,但是前端终究不是安全的,其次监听事件,如果拉播放进度条,中途停顿多次,就会出现多次弹框,对用户体验终究不是好的,因此,后面想着后端截取原视频部分视频,然后让用户播放,只要监听用户播放结束,弹框显示即可。
var audio = document.getElementById("chqrpzkgzjulberajk"); //获取视频元素id
audio.loop = false;//视频不循环播放
var time = 0;//初始化播放时间
audio.addEventListener('timeupdate', timeupdate);//设置监听事件
function timeupdate(){
//因为当前的格式是带毫秒的float类型的如:12.231233,所以把他转成String了便于后面分割取秒
var time = audio.currentTime+"";
console.log('当前播放时长'+time);
if(time > 60){
if(audio.paused){
alert("观看完整视频,请下载APP!");
audio.pause();
}
}
}
查了很多资料,眼睛都要瞎了,但是没一个微博写的很详细&#