小编今天在制作视频播放组件的时候，想让视频默认直接就是全屏播放，或者点击之后全屏播放，并不是点击全屏之后再进行全屏，实现方式可能有很多种，小编在这里介绍一种比较简单的，通过官方的VideoContext就可以实现的。
首先我们要引入视频组件：

<video id="myVideo" :src="videoUrl" @click="playvideo" @fullscreenchange="fullscreenchange"></video>

然后设置点击事件

playvideo: function(e){
    this.videoContext = uni.createVideoContext('myVideo', this);
    this.videoContext.requestFullScreen({direction: 0});
    this.videoContext.play()
},

这样就成功实现了全屏播放了，不过我们发现退出全屏后视频还在播放，那么我们就要设置下在退出全屏后，就要停止播放视频了。

fullscreenchange (e){
    if(!e.detail.fullScreen){  
        this.videoContext.pause()
        this.showvideo = false
    }
},
Last modification：December 17, 2020
© Allow specification reprint
If you think my article is useful to you, please feel free to appreciate