×

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

一束花予她 一束花予她 发表于2022-03-21 19:46:07 浏览424 评论0

抢沙发发表评论

目测可以给dplayer,cbplayer添加,其他的没测试

新版的dplayer有弹幕功能
使用方法:将下方代码放入你的播放器文件(含有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>


群贤毕至

访客