videojs设置播放时间为正数

最新推荐文章于 2024-07-11 14:37:18 发布
最新推荐文章于 2024-07-11 14:37:18 发布
阅读量2.4k 收藏 4
点赞数
分类专栏： # Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/milijiangjun/article/details/108738443
版权

video.js 默认播放时负数如图：在这里插入图片描述
我们显示要显示正数达到我们的效果
如图：
在这里插入图片描述我们怎么解决的，通过css 解决

  .video-js .vjs-tech {position: relative !important;}
  .video-js .vjs-time-control{display:block;}
.video-js .vjs-remaining-time{display: none;}

这样我们就把 问题解决了。有的时候添加后并没有解决问题。这个是界面加载后导致的优先级被覆盖掉了。解决办法是吧这块代码填写到界面的地步
在这里插入图片描述

milijiangjun
关注
专栏目录
搭建rtmp直播流服务之4:videojs和ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)
eguid音视频技术分享（JavaCV教程、FFmpeg教程、openCV图像处理教程、音视频教程）
07-13 3万+
本章讲一下播放器的选用和二次开发，前端的播放器虽然有flex(flash)可以用，但是很遗憾flex接触的并不多，学习成本又太高，那么基于第三方开源的flash播放器二次开发就显得很有必要。 那么播放器，哪些已经不再更新的和收费的，这里不会介绍，只介绍两种轻量级的开源播放器。 1、videoJS 对于HTML5支持非常棒，可以自动在flash和html5播放器之间进行切换，不过遗憾的是videoJS对于IE9以下的浏览器不在兼容，它提供的界面非常简洁，需要对界面进行二次开发。 2、ckPlayer 这个播放
JS重点总结
GoldenPigGirl的博客
05-12 599
JS总结 JS是一种弱类型语言。JS拥有动态类型，相同的变量可以用作不同的类型。 js数据类型 基本数据类型： 字符串，数字，布尔，空，未定义，symbol 引用数据类型： 对象，数组，函数 注： Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值: 字符串: 字符串是在声明完变量后面等于里的值是单引号或者双引号为字符串 数字: 数字就是正常的12345或者是1.02 数字可以带小数点也可以不带 布尔: 布尔就是两个值一个true 和一个 false。 空: 通过将变量的值设置为 nu
视频+时间轴标记，videojs+markers
01-16
视频+时间轴标记，videojs+markers 视频+时间轴标记，videojs+markers
JS的video获取时长，出现问题汇总
dcujcivw769565的博客
01-16 1292
<video id="my_video_1" controls="controls" style=" width: 700px; height: 420px; margin: 0 auto; padding-top: 0px;"> <source src="@ViewBag.Url " type="application/x-mpegURL"> </vi...
video.js设置视频第二次播放的开始时间
最新发布
LovelyLittleCub的博客
07-11 224
【代码】video.js设置视频第二次播放的开始时间。
vue2 中使用 video.js 以及遇到的问题
努力
02-01 1343
玛德，这个当时改完这个 css 之后给老子气笑了。哈哈哈哈哈哈哈哈哈哈哈哈。但是其他的按钮就不这样，以后有时间再详细看一下。第一处：控制是否显示视频倍速按钮。第二处：控制视频倍速按钮顺序。可以看到代码中有两处。
vlc 播放录制ts文件显示时长负值且无法播放问题解决
yiyibaba1902的博客
03-14 3254
采用 vlc 播放录制的ts文件，显示时长为负值，如下图： 但是用 ffplay 及 windows media player 可以播放，用 elecard stream analyzer 分析如下： 发现前面全是音频帧，13个音频帧之后才是视频 IDR，出现vlc 获取视频时长为负值及播放不了的原因就在这，把ts文件里面视频及音频 dts 重新排序解决问题。 总结： 1、ts文件中按照dts的顺序写入数据（包括视频 dts 和音频 dts，上图中前面13帧均为音频是因为音频帧 dts的值都
[React-native]视频播放react-nati…
willow
02-13 2206
react-native-video是RN中的一个组件，可以调用原生的空间实现视频播放。在开发过程中是一步一个坑吧，慢慢的走出来，尽管很多没有深入研究清楚，但基本的使用已经实现，下面记录下。 组件官方github上安装配置已经写得很清楚，按照上面的步骤一步步走是没有问题。 https://github.com/react-native-community/react-native-video i
HTML5、CSS、JS基础
qq_49101841的博客
03-03 2249
学习笔记
Ckpalyer 视频列表循环播放
weixin_30329623的博客
08-12 1446
采用版本为ckpalyer6.8,可在网上自行下载，也可直接复制底下ckpalyer6.8的js代码 1、ckpalyer6.8 js代码 /* ------------------------------------------------------------------------- 说明: 正式使用时可以把该文件的注释全部去掉，节省加载时间 ...
WEB 前端面试题 (高能)
m0_64191440的博客
11-11 1121
我们让原型对象等于另一个原型对象的实例,此时原型对象 ,将包含一个指向原型对象的指针，再让原型对象 的实例等于原型对象，如此层层递进就构成了实例和原型的链条，这就是原型链的概念。取得了另外一个值，则原先的引用值引用次数就减 1，当这个值的引用次 数为 0 的时候，说明没有办法再访问这个值了，因此就把所占的内存给。如果你发现你在不同的地方写了大量代码来做同一件事时，就应该考虑将代码重构为可重用的。描述：给一个元素设置了高度和宽度的同时，还为其设置margin和padding的值，会改变该元素的实际大小。
(3)网页视频获取下载案例3
love_c_s的博客
06-23 4121
在这之前已经试了两次，这次还要下载一个视频。 1.原网页：https://e.huawei.com/cn/videolist/local/807f6de08c9a471f83f28dc0d4b0bcbd ctrl+shift+c打开调试，右边选中视频对应的区域的代码。（一般是又MP4字样的） 2.复制下来 <div class="vedioplay pause" data-wapnodialog="true" data-content=".video" data-video-path..
video设置播放时间点及常用属性和方法
热门推荐
weixin_42333548的博客
12-03 2万+
video标签常用属性介绍，下面以vue中使用video标签来举例： 1、video标签常用属性 下面shareVideoLink为视频连接地址 <!--autoplay=>自动播放 controls=>是否显示控件 loop=>是否循环播放 muted=>是否静音播放 poster=>视频封面 src=>播放源 preload=>页面加...
video.js 禁用单击暂停
weixin_34060741的博客
03-12 6544
video.js 默认效果是单击播放区域暂停 需求：要实现单击播放区禁止暂停功能 google发现有人提过这样的issue作者给出来答案，通过一段css来屏蔽 .vjs-tech { pointer-events: none; } 亲测有效 本来想着通过找到触发pause事件的方法进行处理的，没想到通过css就可以搞定 ...
videojs中文文档详解
极客神殿
11-25 1万+
入门使用 引入video.js和video-js.css <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video.min.js"></script> 使用video标签就像下面这样
video 视屏播放器详细控制
愿你走过半生，归来任是少年。
04-24 1392
canplay、play、pause是video提供的API，在视频加载完成后需要设置视频的总时长duration也是来源于自身的API但是需要格式化时间设置当前播放时间通过自身API，currentTime#id . innerHTMl = 格式化时间函数(video . currentTime) }需要一个定时器去动态的更新这个当前时间值，在方法的最外层定义 let timer，方便释放定时器。
html5 vedio 抓取,HTML5 js控制vedio视频和分段播放
weixin_36477469的博客
05-31 510
HTML5 vedio常用的js操作1、选择本地资源播放视频html:js:var myVid=document.getElementById("video1");function setMediaFile() {var file = document.getElementById('file').files[0];if(!file){alert("Please upload file.");re...
vue 播放器视频插件 之 vue-video-player 铺满全屏自动播放
Bonjours的专栏
08-23 8197
.video-js .vjs-tech{ object-fit: cover; }
videojs 设置中文 npm
05-21
要将 Video.js 设置为中文，您需要安装 video.js 的中文语言包。您可以通过 npm 安装该语言包： ``` npm install video.js-lang-zh-CN ``` 安装完成后，您需要在 Video.js 的初始化代码中添加以下代码： ```...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值