好东西要分享

给dplayer播放器添加手机滑动控制音量和进度代码

目测可以给dplayer,cbplayer添加,其他的没测试
使用方法:将下方代码放入你的播放器文件(含有index.php或index.html或者*.php文件,这里的*是指你的解析接口文件)底部即可

  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>  <script type="text/javascript">  var videoStatus = document.querySelector("video");  var windowHeight = $(window).height(),  $body = $("body");  $body.css("height", windowHeight); //重要代码  $("body").on("touchstart", function(e) {  e.preventDefault();  startX = e.originalEvent.changedTouches[0].pageX,  startY = e.originalEvent.changedTouches[0].pageY;  });  $("body").on("touchmove", function(e) {  e.preventDefault();  moveEndX = e.originalEvent.changedTouches[0].pageX,  moveEndY = e.originalEvent.changedTouches[0].pageY,  X = moveEndX - startX,  Y = moveEndY - startY;    if ( Math.abs(X) > Math.abs(Y) && X > 0 ) {  videoStatus.currentTime += 10;  }  else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {  videoStatus.currentTime -= 10;  }  else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {  videoStatus.volume -= 0.1;  }  else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {  videoStatus.volume += 0.1;  }  });  </script>  

相关推荐

  • 暂无文章

评论 抢沙发

评论前必须登录!