钉钉小程序video组件的使用
钉钉小程序有关video视频播放器使用
哈喽,关于钉钉小程序官网上提供的太少了,如果你想学习钉钉小程序有关视频video的, 可以仔细阅读这篇文章,我也是在公司需要写钉钉小程序学到的写所以记录一下,巩固一下,如果有哪里不对的各位大佬请指教。
我们可以看到钉钉小程序开发文档有简单的介绍有关video组件的说明,但是并没有给出实际的例子
我们可以看到官网有介绍他的相关一些属性:
代码示例
//在.axml中
<view class="text-center">
//这些绑定的事件具体可以看官网
<video id="myVideo" onEnded="onEnded" onPause="onPause" onPlay="onPlay" onTimeUpdate="onTimeUpdate" controls="{{controls}}" disabled="{{disabled}}"
style="width:100%" src={{VideoUrl}} enableNative="{{true}}">
</video>
//a:if="{{TabCur=='0'}}"他的作用是遮住他的控制台,防止在看视频时拖拽视频
<view class="cover-view" a:if="{{TabCur=='0'}}"></view>
</view>
其中官网上也还给出创造video对象
我们可以用seek来进行定位,首先我们可以用currenttime记录当前事件,把他缓存到本地(调用dd.setStorage将数据存储在本地缓存)然后当再次打开页面,调用dd.getStorage获取缓存数据。然后用seek函数指定视频的初始位置,这样就可以跳转上一次的视频时间
//在js中
seek(){
// 未学习状态
var that=this;
if(that.data.TabCur=='0'){
// 获取本地储存上次时间
var that=this;
dd.getStorage({
key:'currentTime',
success: function(res) {
// dd.alert({content: '写入成功'});
var pxjd=res.data.currentTime
var zsc=res.data.duration
// var zsc1=zsc/1000毫秒转成秒
var lastTime=parseInt(pxjd/1000)
// 跳转上次时间
if(lastTime!=NaN || lastTime!=0){
console.log("跳转的时间是"+lastTime+"秒")
console.log("跳转的时间是"+zsc+"秒")
let ctx = dd.createVideoContext('myVideo');
ctx.seek(lastTime);
dd.alert({content: '您上次观看到'+lastTime+'秒'});
}
}
});
}
},
暂时遇到这样的需求,如果您觉得对您有帮助别忘了一件三联,给前端的小学生带来鼓励,笔芯