uniapp实现全屏播放

在uniapp中实现全屏播放可以通过以下步骤来实现：

1. 首先，在页面中使用video组件来播放视频，并设置一个按钮用于触发全屏播放功能。
2. 在按钮的点击事件中，通过uni.createVideoContext方法创建一个videoContext实例，通过调用该实例的requestFullScreen方法来请求全屏播放。
3. 在video组件上监听fullscreenchange事件，当退出全屏时停止视频播放。

下面是一个示例代码：

<template>
  <video :src="videoUrl" @fullscreenchange="fullscreenChange"></video>
  <button @click="playFullScreen">全屏播放</button>
</template>

<script>
export default {
  data() {
    return {
      videoUrl: "your_video_url",
      videoContext: null
    };
  },
  methods: {
    playFullScreen() {
      this.videoContext = uni.createVideoContext("myVideo", this);
      this.videoContext.requestFullScreen();
    },
    fullscreenChange(e) {
      if (!e.detail.fullScreen) {
        this.videoContext.stop();
      }
    }
  }
};
</script>

<style scoped>
video {
  width: 100vw;
  height: 100vh;
}
</style>