当前位置:首页 > CSS > 关键词 > jQuery > 正文

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

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();
    });
}


本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/923.html

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

内容有用

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录