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

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

1、不自定义进度条的话就只能用默认进度条,默认的进度条是集合在video标签中的,这个我们无法实现不能拖动,但是可以模拟下,你可以使用让鼠标点击到视

频所在的video或者div的时候无效化,原理就是鼠标选不到进度条,自然不能拖动了。如果你是要可以控制播放和暂停的话就实现js控制,反正是跳过

video自带的控制器自己去写。

2、用个透明的层或图片把进度条盖住

你是自己写程序还是看视频网站的视频没法拖动,如果是HTML5的话,video标签里加controls="controls" ,看的视频网站的话,可以试试换个别的浏览器。IE浏览器版本升级高点,低版本的很多东西不支持。火狐,或者Chrome也试试


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7092095.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存