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()
   }
}