在做小程序时,遇到播放视频,希望直接点击视频便全屏播放,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() } }