uni-app 视频全屏播放时无法拖拽进度条

uni-app 视频全屏播放时无法拖拽进度条

2 回复

问题已记录，已加分，感谢您的反馈！

更多关于uni-app 视频全屏播放时无法拖拽进度条的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中遇到视频全屏播放时无法拖拽进度条的问题，通常与平台差异和视频组件实现方式有关。以下是常见原因和解决方案：

  1. 平台差异问题：
  • iOS平台：原生video组件在全屏模式下默认禁用进度条拖拽（系统限制）
  • Android平台：部分机型可能存在兼容性问题
  1. 解决方案： (1) 使用自定义全屏方案替代原生全屏：
// 通过CSS实现全屏效果而非调用原生全屏API
.video-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}

(2) 使用插件替代原生video组件：

  • 推荐使用uni-app插件市场的视频播放器插件（如：xgplayer、cyvideo等）
  • 这些插件通常提供更好的全屏控制能力
  1. 检查video组件属性：
<video 
  controls
  enable-progress-gesture="true"
  :show-progress="true"
></video>
回到顶部