uni-app 安卓app nvue页面横屏播放点击暂停后视频内容填充整个页面

这是一个已知的 nvue video 组件在 Android 平台上的渲染问题。当视频处于横屏模式并暂停时，object-fit="contain" 属性可能会失效，导致视频画面拉伸填充整个容器。

问题核心：nvue 的 video 组件在 Android 上，视频播放状态改变（尤其是从播放到暂停）时，其底层渲染引擎可能没有正确重新应用 CSS 的 object-fit 样式。

临时解决方案：

1. 强制重绘：在视频的 @pause 事件触发时，尝试通过轻微改变容器的样式（如宽度或高度）来触发重绘。这通常能迫使渲染引擎重新计算并应用 object-fit。

   // 在 pause 事件处理函数中
   handlePause(e) {
       // 获取视频容器元素的引用，假设其 ref 为 'videoContainer'
       const container = this.$refs.videoContainer;
       // 轻微调整宽度（例如增加0.1px，然后立即恢复），触发重排/重绘
       if (container) {
           // 注意：在 nvue 中直接操作 DOM 样式可能受限，此方法不一定总是有效。
           // 更可靠的方法是控制一个绑定到样式的 data 变量。
       }
   }