uniapp 视频默认全屏 播放

在做小程序时,遇到播放视频,希望直接点击视频便全屏播放,uniapp 文档上也有介绍 https://uniapp.dcloud.io/api/media/video-context?id=createvideocontext

重要的事情说三遍 this this this,记得createVideoContext第一个参数为video的ID,第二个参数组件实例this

this.videoContext = uni.createVideoContext(id,this);
this.videoContext.requestFullScreen();
<video id="myVideo" :src="videoUrl" @fullscreenchange="fullscreenchange"></video>

退出全屏时,停止播放

fullscreenchange (e){
   if(!e.detail.fullScreen){
      this.videoContext.stop()
   }
}
原文地址:https://www.cnblogs.com/sunbaoxu/p/13930139.html