uniapp 视频默认全屏 播放

在做小程序时,遇到播放视频,希望直接点击视频便全屏播放,uniapp 文档上也有介绍[createVideoContext](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()
   }
}

 

uniapp 视频默认全屏 播放

上一篇:Android Studio中在避免数据为空后进行数据传递


下一篇:学会网页制作,web app开发,你需要掌握这3个编程语言