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 标签 怎样禁止拖动或者点击进度条的主要内容,如果未能解决你的问题,请参考以下文章
HTML5video标签……肿么点击播放?肿么判断是不是播放完毕?
我用html5的video标签做的视频页面,在iphone上测试的时候视频都是全屏的,怎么才能不全屏?