Js禁止视频快进

小基炖蘑菇·

于 2021-06-23 13:12:44 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 前端文章标签： js javascript ajax

本文链接：https://blog.csdn.net/xiaodongbai/article/details/118150942

JS 同时被 2 个专栏收录

13 篇文章

订阅专栏

前端

10 篇文章

订阅专栏

这段代码实现了一个视频播放的监控功能，当视频播放到一半时，通过AJAX调用接口为用户增加积分。点击视频元素会添加特定类，并监听时间更新事件，触发onTrackedVideoFrame函数，该函数记录播放时间和进度，当达到视频一半时，发送请求到服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript" charset="utf-8">
	$('#video').click(function(){
		// 禁止快进
		var sym;
        var video=document.querySelector("#video video")
        setInterval(function () {
            var time=video.currentTime
            if(time-sym>1){
                video.currentTime=sym
                
            }
            sym=video.currentTime
        },500);

		$('#video video').addClass("my-video");
		 $("video").on(
		    "timeupdate", 
		    function(event){
		      onTrackedVideoFrame(this.currentTime, this.duration,this.paused);
		    });
		 })
	
	function onTrackedVideoFrame(currentTime, duration,paused){
			  //console.log(currentTime)//播放时间
			  //console.log(duration)//总时长
			  //console.log(paused)//flase 开始 true暂停
			  var aa = parseInt(currentTime)
			  var dd= parseInt(duration/2);//视频一半时间
			  	// var _video = $('#video video')[0];
			//	console.log(dd)
				if(dd==aa){
					// 视频播放一半 用户增加积分
					var ids = $('#ids').val()//视频id
					 $.ajax({
		                type:'POST',
		                url:"<?= $this->createMobileUrl('knowledge',array('action'=>jilu)); ?>",
		                data:{ids:ids},
		                async:false,
		                success:function(res){
		                	console.log(res)
		                }
	        		 });
				}
	}
</script>