video.js 禁用单击暂停

于 2024-11-29 15:38:34 发布
阅读量340 收藏
点赞数 2
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/smouns_/article/details/144138989
版权

video.js 默认效果是单击播放区域暂停/播放

需求：要实现单击播放区禁止暂停/播放功能 有其他的点击效果需要实现 会导致俩功能有冲突

作者给出答案:如下

.vjs-tech {
  pointer-events: none;
}

确实管用,想了很多阻止的办法,都没这个来的快

smouns_
关注
原生JavaScript实现video播放器中播放/暂停/快放/慢放/慢动作功能
王佳斌
07-15 7443
HTML代码 <!DOCTYPE html> <htm> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...
在 html 中如何使用 plyr 组件
木啊马
04-13 5279
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。由于 java 新接入了一个文件视频预览第三方服务，其中视频和音频播放控件就是使用 plyr ，其中的配置控件不满足于现阶段的需求，所以学习了该控件的 api 文档。
video.js禁止点击
12-28
video.js 进度条禁止
video标签常用控制配置，禁用单击暂停，保留双击全屏
mullerpp的博客
07-15 3790
【代码】video标签常用控制配置，禁用单击暂停，保留双击全屏。
视频播放标签，设置自动播放 暂停键 播放键 js方法
zhang123csdn的博客
11-30 872
1 创建video 标签，标签设置属性 autoplay 自动播放，宽高100 全屏。播放 myVideo.pause();2 js监听 按键执行方法。
关于video.js 在手机端播放视频的时候无法暂停的问题，目前只找到Android的解决办法，IOS还没找到相关的 求大佬指点
m0_45158829的博客
11-19 1174
关于video.js 移动端播放视频的时候无法暂停的问题
video.js实现鼠标移入播放鼠标移出暂停
reg183的专栏
12-31 2808
效果如下: <html> <head> <link href="video-js/video-js.css" rel="stylesheet" /> <!-- If you'd like to support IE8 (for Video.js versions prior to v7) --> <!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js
HTML5、CSS、JS基础
qq_49101841的博客
03-03 2538
学习笔记
HTML5新增标签Video
X_dam的博客
01-14 813
H5新增了很多语义化标签，其中video标签就是，它取代了flash的视频效果，拥有了更多新功能 video标签 视频的地址用src引入，支持MP4、ovg、webm格式，是行内块元素。 属性 autoplay:自动播放，在浏览器中会被禁用，需要去浏览器设置，但是在静音状态下可以自动播放 muted : 设置静音 controls : 标签自带的控件，就是视频进度条那一栏，不同浏览...
JavaScript基础学习笔记
qq_42436532的博客
04-10 1032
JS基础 1.运算符 1.1 自增运算符 var e = 10; var f = e++ + ++e; // 1. e++ = 10 e = 11 // 2. e = 12 ++e = 12 console.log(f); // 22 1.2 逻辑运算符 1.2.1 逻辑与 有假必假，两边都是true才返回true 对于数值和表达式： 语法： 表达式1 && 表达式2 如果第一个表达式的值为真，则返回表达式2 如果第一个表达式的值为假，则返回表达式1 conso
HarmonyOS系统应用开发基础入门
Crowd_chips的博客
07-08 1182
ArkUI基础入门知识点
JS—— 控制＜video＞标签播放/暂停
mkijnbgt的博客
08-24 5972
【代码】JS—— 控制＜video＞标签播放/暂停。
react+video.js h5自定义视频暂停图标
mollerlala的博客
11-16 1461
注意：videojs升级后，不能用extend创建组件，需要按下方代码建一个组件。
video 禁用单击暂停
辉生活-记录程序生活的点滴。
09-03 2651
添加样式pointer-events: none;即可，如下： .video { pointer-events: none; }
video.js突然暂停,不能继续播放,在uniapp中运行
qq996150938的专栏
02-05 1752
video-js 还是有一些问题: 1,突然暂停.资源未播放完就突然暂停,再点击播放页没有用,不能继续播放,出现再我的华为mate 20 X手机以及华为mate 20手机.而比较老旧的手机 红米note 4x则能把m3u8视频播放完成. 2.在我的红米note 4x横屏播放完成后,视频底部的 控制条的位置往下移动差不多看不见了,勉强可以点击退出全屏. 以上两个问题严重. 缺陷方面,videojs定制化功能似乎有点少,比如设置 播放的 分辨率,画面上没有暂停功能,只能点击控制条上的 暂停按钮,看了一些网上
视频的多种方式
qq_55002615的博客
02-20 714
关于页面视频显示的多种播放形式
video播放与暂停方法
热门推荐
卡卡罗特的博客
02-19 1万+
在html5中，视频会被越来越用到。flash，2020年底，谷歌就要淘汰了，以后就是video的天下了，哈哈。 这里简单介绍一下，平时常用的video,几个方法，属性。 <video class="videoSrc" width="794" height="446 "src="video/impressionen_2019_1min_FINAL.mp4" id="wyn"> ...
videojs打点
Fatfish_tree的博客
10-06 967
quickObj.title = '您在' + formatSeconds(Number(_this.vue1.debriefDetails.videoData.currentTimeVideo).toFixed(0)) + '给了一个优秀标记'//实时评语逻辑--------------------------------------//快捷评语逻辑--------------------------------------//从视频中的当前时间转到上一标记，如果没有上一标记，那么什么都不做。
js控制video的播放和暂停
☆╮123☆
07-01 1万+
var videoEl = document.querySelector('video')                     videoEl.addEventListener('timeupdate', function () {                         var vTime = videoEl.currentTime;
html怎么插入视频播放
最新发布
02-21
这段脚本首先获取到了目标视频元素以及用于触发动作的按钮组件实例，接着为其绑定了单击响应处理器逻辑——当用户按下指定按键时会检查当前是否处于停止状态进而决定执行相应的命令[^3]。 #### 处理不同格式兼容性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值