uniapp微信小程序video视频监听播放时间

使用uniapp开发微信小程序，需要实现这样的需求

当我用户离开页面的时候，我就要记录下用户视频播放的那个地方

然后第二次进来，接着离开时候的地方播放

uniapp中video提供的方法是@timeupdate

具体代码这样呈现，看下面

函数代码这样呈现，看下面

 timeupdate(e) {console.log(e.detail);//{currentTime: 32.698034, duration: 4786.121}this.videoTime = e.detail.currentTime  //获取到的时间赋值给变量},

当你再做视频的时候，uniapp官方提供了很多方法

除了上面的监听事件的方法还有下面这个

initial-time 指定视频初始播放位置，单位为秒（s）。

initial-time 可能会遇到的问题解决方案在这里

uniapp微信小程序video标签指定播放位置（initial-time属性不生效）

uniapp微信小程序video视频监听播放时间相关推荐

微信小程序——video视频全屏播放
object-fit 属性 <video src="../demo.mp4" object-fit="cover"></video>
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
H5及微信小程序实测可用——监听手机返回键操作
目录 1.自定义导航(只能拦截左上角返回) 2.内嵌H5实现拦截物理键返回(均可监听) 微信小程序开发过程中我们经常遇到需要监听点击左上角返回.手机物理返回键或者左滑返回的需求微信原生是没有API支 ...
微信小程序实现watch监听，无需页面引入！！！
目录 1监听函数实现 2.页面Page重写(实现无需引入) 3完整代码实现 4微信小程序代码片段大家都知道小程序其实和Vue的写法以及原理都存在很大的相同,但是里有watch监听可以监听data定义 ...
微信小程序实现watch监听数据变化
起因:众所周知,微信小程序的数据监听器observers只能在自定义组件中使用,如果想要在页面中实现类似的功能,就只有通过其他的方法.其一就是通过模拟vue的watch来监听数据变化. 实现如下: 1 ...
微信小程序 Video 视频太小怎么办
加上属性可以完美自适应 objectFit='cover' 欢迎交流微信小程序的各种疑难杂症 wx: jiaweri
微信小程序全局变量改变监听
问题来源最近工作需要写小程序页面,其中有个页面情况为:父页面中包含了一个组件页面,组件页面中又包含了另外一个组件页面.需求为:点击最后一个组件页面中的一个view,需要显示最外层父页面中的一个弹出层 ...
微信小程序使用watch监听数据变化
众所周知,Vue中,可以使用监听属性 watch来观察和响应 Vue 实例上的数据变化,那么小程序能不能实现这一点呢? 监听器的原理,是将data中需监听的数据写在watch对象中,并给其提供一个方法 ...
微信小程序——video视频组件
video视频组件 video.wxml文件 <view><video src="{{src}}" binderror="videoErrorCallb ...
微信小程序实现数据监听
Component({properties: {// 这里定义了innerText属性,属性值可以在组件使用时指定},data: {// 这里是一些组件内部数据//content: 'sdcedc', ...

uniapp微信小程序video视频监听播放时间

uniapp微信小程序video视频监听播放时间相关推荐

最新文章

热门文章