html5 video 标签 怎样禁止拖动或者点击进度条

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5 video 标签 怎样禁止拖动或者点击进度条相关的知识,希望对你有一定的参考价值。

参考技术A 1、不自定义进度条的话就只能用默认进度条,默认的进度条是集合在video标签中的,这个我们无法实现不能拖动,但是可以模拟下,你可以使用让鼠标点击到视
频所在的video或者div的时候无效化,原理就是鼠标选不到进度条,自然不能拖动了。如果你是要可以控制播放和暂停的话就实现js控制,反正是跳过
video自带的控制器自己去写。
2、用个透明的层或图片把进度条盖住
参考技术B 如果是浏览器自动渲染是无法定义的,可以使用第三方的html5播放器插件,百度一下很多的。本回答被提问者和网友采纳

asp.net core让video标签支持大于2G视频拖动播放,视频文件流支持拖动播放,不保露视频真实地址PhysicalFile,enableRangeProcessing

 <video src="/video/GetVideoUrl" controls="controls" controlslist="nodownload"></video> 
 public async Task<IActionResult> GetVideoUrl()
 
     await Task.Yield();
     // string filePath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, @"upload\\2022_09\\20220906_150355_888_2078.mp4");
     
     //视频文件大于2G
     string filePath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, @"upload\\2022_09\\xi.hong.shi.mp4");
     
     //enableRangeProcessing 参数必须,否则不支持视频拖动进度点播放
     return PhysicalFile(filePath, "video/mp4", enableRangeProcessing: true);             
 

以上是关于html5 video 标签 怎样禁止拖动或者点击进度条的主要内容,如果未能解决你的问题,请参考以下文章

html5怎样调用手机摄像头或者相册?

HTML5video标签……肿么点击播放?肿么判断是不是播放完毕?

我用html5的video标签做的视频页面,在iphone上测试的时候视频都是全屏的,怎么才能不全屏?

Vue 实现 H5video 视频标签 禁止快进 最优

[JavaScript] html5 video标签注意事项

在移动端怎么将HTML5中的video标签的控件去掉或者隐藏