这是第二个帖子 遇到有用的就分享出来!
刚遇到过H5中 视频组件不允许快进的需求, 所以查到了 一段实用的代码.
如果用得上记得 免费票票!
[HTML] 纯文本查看 复制代码 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>H5 Video禁止快进</title>
</style>
</head>
<body>
<div>
<video id="my-video" controls preload="meta" height="70%" width="100%" data-setup="{}">
<source src="5.mp4" type="video/mp4">
</video>
</div>
<script type="text/javascript">
var video = document.getElementById("my-video");
var last = 0;
//当目前的播放位置已更改时
video.ontimeupdate = function () {
var current = video.currentTime;
if(current - last > 2) {//此处是限制跳过几秒 可调整
video.currentTime = last;
} else {
last = current;
}
};
video.onended = function(){
console.log('视频播放完成')
}
</script>
</body>
</html>
| 
发表于 2020-6-16 09:14
|
发表于 2020-6-16 09:37
发表于 2020-6-16 10:46
