禁止页面中所有video标签的快进 jquer
时间: 2023-11-03 08:42:40 浏览: 30
y代码如下:
$(document).ready(function(){
$('video').on('seeking', function(e){
e.preventDefault();
this.currentTime = e.target.currentTime;
});
});
这段代码使用jQuery来选定所有的video标签,并添加一个事件监听器来捕获快进事件。在事件发生时,使用preventDefault()方法来阻止默认行为,然后将当前时间设置为事件触发时的时间,从而禁止快进。
相关问题
html video标签 显示进度条 但禁止快进
您可以通过设置 `controls` 属性来让 `video` 标签显示进度条,但是禁止快进需要使用 JavaScript 来实现。您可以通过监听 `timeupdate` 事件,如果用户试图快进,则将视频回退到上一个时间点。以下是一个示例代码:
```html
<video src="video.mp4" controls></video>
<script>
const video = document.querySelector('video');
let previousTime = 0;
video.addEventListener('timeupdate', () => {
if (video.currentTime < previousTime) {
video.currentTime = previousTime;
} else {
previousTime = video.currentTime;
}
});
</script>
```
在这个例子中,我们使用 `previousTime` 变量来存储上一个时间点,如果用户试图快进,我们将视频回退到上一个时间点。
video标签快进不生效
video标签的快进功能可能会因为设置了controlsList属性的值而导致不生效。controlsList属性允许你自定义video标签的控制栏,包括指定哪些控件可见或禁用。在引用中提到的代码中,controlsList属性的值设置为"noplaybackrate",这会禁用快进功能。因此,如果你想要启用video标签的快进功能,可以将controlsList属性的值修改为其他选项或移除该属性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [移动端video,不能快进,拖动进度条遇到的bug](https://blog.csdn.net/m0_72098783/article/details/129882275)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [H5(html5 video)视频播放禁止拖动进度条,不能快进,不能后退;微信公众号视频播放;Java视频流播放](https://download.csdn.net/download/weixin_43992507/14503320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]