回复 flyblue: 说具体点

解决了吗

针对您提到的uni-app中video标签在安卓设备全屏播放后退出再进入播放界面样式错乱的问题，这通常是由于组件状态管理不当或样式在不同状态下未能正确重置引起的。以下是一些可能的解决方案和代码示例，您可以根据具体情况进行调整。

1. 确保视频组件的样式在状态变化时重置

在video组件上添加@fullscreenchange事件监听器，用于检测全屏状态的变化，并在状态变化时重置组件的样式。

<template>
  <view>
    <video
      id="myVideo"
      src="your-video-url.mp4"
      controls
      @fullscreenchange="handleFullscreenChange"
      style="width: 100%; height: auto;"
    ></video>
  </view>
</template>

<script>
export default {
  methods: {
    handleFullscreenChange() {
      // 重置video组件的样式，这里可以根据需要调整
      const video = this.$refs.myVideo;
      video.style.width = '100%';
      video.style.height = 'auto';
      // 如果有其他样式需要重置，可以在这里添加
    }
  },
  mounted() {
    // 初始化时确保样式正确
    this.handleFullscreenChange();
  }
};
</script>

注意：由于uni-app的限制，直接通过this.$refs访问DOM元素可能不可行，您可能需要使用其他方式获取video元素，比如通过document.getElementById或this.$mp.page.selectComponent（在小程序环境中）。

2. 使用CSS类管理样式

定义CSS类来管理不同状态下的样式，通过JavaScript动态添加或移除这些类。

<style>
.normal-video {
  width: 100%;
  height: auto;
}
.fullscreen-video {
  /* 全屏时的样式 */
}
</style>

<template>
  <view>
    <video
      id="myVideo"
      src="your-video-url.mp4"
      controls
      @fullscreenchange="toggleVideoClass"
      :class="[isFullscreen ? 'fullscreen-video' : 'normal-video']"
    ></video>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isFullscreen: false
    };
  },
  methods: {
    toggleVideoClass() {
      this.isFullscreen = !this.isFullscreen;
    }
  }
};
</script>

总结

上述方法提供了一种思路，即通过监听全屏状态变化来动态调整video组件的样式。由于uni-app的具体实现可能有所不同，您可能需要根据实际情况调整代码。如果问题依旧存在，建议检查其他可能影响样式的因素，如CSS优先级、组件嵌套等。