标签：10 视频 dd 29 video 2021 跳转 var lastTime

钉钉小程序video组件的使用

• 钉钉小程序有关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+'秒'});

                    }
                  
                  }
                  
            });

       }
 
 },

暂时遇到这样的需求，如果您觉得对您有帮助别忘了一件三联，给前端的小学生带来鼓励，笔芯

标签：10,视频,dd,29,video,2021,跳转,var,lastTime
来源： https://blog.csdn.net/weixin_49001026/article/details/121044905

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。