最近使用videojs的时候碰到一个需求,更换视频的src后需要让视频跳转到某个位置,按理说使用currentTime()就可以解决,但是在player.src()函数执行后再执行player.currentTime()就会无效。
这种情况是因为调用player.src()后视频还没有准备好,所以player.currentTime()无效,解决办法就是等视频准备好后再调用currentTime();
//添加视频准备完成后的回调函数
player.on('loadedmetadata', function() {
player.play(); //自动播放
player.currentTime(100); //跳转
"M+": currentDate.getMonth() + 1, // 月份
"d+": currentDate.getDate(), // 日
"h+": currentDate.getHours(), // 小时
//添加视频准备完成后的回调函数
player.on('loadedmetadata', function() {
player.play(); //自动播放
player.currentTime(100); //跳转
我们 在更换视频地址后需要让视频跳转到某个位置,按理说使用currentTime()就可以解决,但是在player.src()函数执行后再执行player.currentTime()就会无效。
要获得视频播放的状态,可以使用HTML5的video对象,该对象包含了许多有用的属性和方法,可以方便地控制视频播放。以下是一些常用的方法和属性:1.paused:返回一个布尔值,表示视频是否处于暂停状态。2.currentTime:返回当前视频播放的时间,以秒为单位。3.duration:返回视频总长度,以秒为单位。4.ended:返回一个布尔值,表示视频是否已经播放完毕。5.play():播放视频。6.pause():暂停视频。
要获得视频播放的状态,可以使用HTML5的video对象,该对象包含了许多有用的属性和方法,可以方便地控制视频播放。示例1:判断视频是否处于暂停状态。示例2:判断视频是否已经播放完毕。示例3:获取当前视频播放的时间。示例4:获取视频总长度。示例5:播放和暂停视频。
vue-video-play 记载视频观看时间和还原视频进度vue-video-play 还原视频进度vue-video-play 记载视频观看时间vue-video-play 全屏也要将弹出窗DOM置顶
vue-video-play 还原视频进度
从后台获取的播放视频参数如下:
当前播放到哪里了的时间videoLearnedTime
视频时长videoTotalTime
因为本人的需求是同一页面,要切换加载不同的视频 ,发现ready这个函数不能准确的加载。故在
需要记录视频的播放进度,重新进入时回到退出前的位置,并继续播放
但是ios直接赋值currentTime无效,原因就是判断资源可播放时(canplay)再设置才可以,,所以要根据不同系统判断一下,上代码
// 判断是否安卓设备
isAndroid() {
const u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
return true;
videojs在ios14中直接设置currenttime无效
设置currenttime前先执行load()方法 这样每次load()方法执行时都会黑屏 要避免这种情况的话只需在创建实例后(new)执行一次load()方法即可
我这里遇到的问题是 这里绿色的播放按钮的作用是点击这个按钮就会播放相应的句子且视频会跳转到相应的部分 获取数据中(starttime endtime)这段句子对应的时间刻度并将其设置为视频的currenttime就可以了 这个功能在除了ios14的其他系统都没问题 在ios14
在做web ui自动化时,遇到操作视频的时候有时比较让人头疼,定位时会发现只有一个标签,用selenium来实现的话比较麻烦,使用js后我们只需定位到video标签,然后通过js 中处理video的相关属性和方法就可实现,我们继续往下看。
1.最近项目用了vue-video-player插件 去做视频音频的设置播放,要做一个断点继播的功能,发现苹果手机没有办法实现currentTime 初始化设置进度,后面百度很久解决如下 记录下
@timeupdate="onPlayerTimeupdate($event)" (如果要做苹果端兼容就加这个放)
这个是初始化的时候设置音视频进度的方法
@loadeddata="onPlayerLoadeddata($event)"
怎么用这个插件大家看看http://t.csdn.cn/Xf
a.音频被静音声音设置为0 , 即video新增muted
b.用户和网页上的交互行为(包括点击、触摸、按下某个键等)
c.网站已被触发这白名单;如果浏览器确定用户经常与媒体互动,可能会自动通过首选项或其他用户界面功能手动操作
d.自动播放策略应用到或者其文档上
否则,会被阻止。导致事件被其他人的具体情况以及可能会因为浏览而异,但最好是遵循以上的原则。
2.获取video视频的宽高
通过canplay 事件,其他