uniapp video全屏时返回事件

在uniapp中，当视频全屏播放时，我们通常需要处理用户退出全屏的事件。以下是实现这一功能的步骤：

1. 首先，在页面的template中添加video组件，并设置一些必要的属性：

<template>
  <view>
    <video 
      src="your-video-source.mp4" 
      @fullscreenchange="onFullscreenChange" 
      id="myVideo" 
      controls>
    </video>
  </view>
</template>

2. 然后，在script部分添加事件处理方法：

<script>
export default {
  methods: {
    onFullscreenChange(e) {
      if (!e.detail.fullScreen) {
        // 用户退出全屏
        console.log("用户退出了全屏模式");
        // 在这里添加你的返回逻辑
      }
    }
  }
}
</script>

3. 如果你想在退出全屏时执行一些特定的逻辑，比如返回上一页或导航到其他页面，可以在onFullscreenChange方法中添加相应的代码：

onFullscreenChange(e) {
  if (!e.detail.fullScreen) {
    console.log("用户退出了全屏模式");
    // 返回上一页
    uni.navigateBack({
      delta: 1
    });
    
    // 或者导航到其他页面
    // uni.navigateTo({
    //   url: '/pages/other-page/other-page'
    // });
  }
}

4. 最后，别忘了在页面卸载时重置视频的播放状态，以防万一：

onUnload() {
  const video = this.$refs.myVideo;
  if (video) {
    video.exitFullScreen();
  }
}

通过以上步骤，你就可以在uniapp中实现video全屏时返回的功能了。当用户点击全屏按钮退出全屏模式时，onFullscreenChange方法会被触发，你可以在这个方法中添加你想要的返回逻辑。