本文主要是介绍阿里云的记忆播放与进度条不允许拖动disableSeek需求同时存在,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
阿里云的记忆播放与进度条不允许拖动disableSeek需求同时存在
需要阿里云的记忆播放的源码修改
1.手动关闭进度条禁用方法
2.player.seek先跳转到指定的位置
3.手动开启进度条禁用添加延时100
100毫秒中记忆播放已经跳转到指定位置,然后进度条不允许拖动disableSeek也执行
let memoryVideoTime = this.getVideoTime(memoryTime);//判断是否是视频播放完了,如果没到,就有拼接的跳转播放if (memoryTime !== parseInt(player._duration)) {let memoryDomString = `<div class="memory-play"><i class="iconfont icon-close"></i><span>上次看到</span><span>${memoryVideoTime}</span><span class="play-jump">跳转播放</span></div>`;this.html.innerHTML = memoryDomString;let timeoutMemory = setTimeout(() => {this.html.innerHTML = '';}, 15000);this.html.querySelector('.icon-close').onclick = () => {this.html.innerHTML = '';clearTimeout(timeoutMemory);};this.html.querySelector('.play-jump').onclick = () => {if (this.iSDisableSeek) {player._options.disableSeek = false; // 手动关闭进度条禁用方法}player.seek(memoryTime);if (player.getStatus() !== 'playing') {player.play();}if (this.iSDisableSeek) {setTimeout(() => {// 手动开启进度条禁用方法player._options.disableSeek = true;}, 100);}this.html.innerHTML = '';clearTimeout(timeoutMemory);};}}
这篇关于阿里云的记忆播放与进度条不允许拖动disableSeek需求同时存在的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!