哈喽,关于钉钉小程序官网上提供的太少了,如果你想学习钉钉小程序有关视频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+'秒'}); } } }); } },
暂时遇到这样的需求,如果您觉得对您有帮助别忘了一件三联,给前端的小学生带来鼓励,笔芯