html视频播放禁止拖动进度条禁止快进的方法

使用场景

本功能观看视频后根据视频内容提交问卷，所以需要保证必须先观看完整视频才可以访问问卷。

代码示例

  <video id="myVideo" autoplay  src="{dr_get_file($video)}" width="640" height="360" class="note-video-clip"></video><div  style="width:100px; margin:0 auto">
            <button class="btn green btn-sm" id="startPlay"> <i class="bi bi-play-circle-fill"></i>播放</button>
            <button class="btn yellow btn-sm" id="stopPlay"> <i class="bi bi-skip-start-circle-fill"></i>暂停</button>
        </div>

window.onload=function(){
    var video=document.getElementById("myVideo"); 
    var startPlay=document.getElementById('startPlay');
    var stopPlay=document.getElementById('stopPlay');
    startPlay.addEventListener('click',function() {
        video.play();
    });
    stopPlay.addEventListener('click',function() {
        video.pause();
    });
}

本文属原创，转载请注明原文：http://www.zhimatong.com/jiaocheng/923.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。