hookehuyr

feat: 优化视频播放器控制体验

- 移除视频中央的播放/暂停按钮,避免遮挡画面
- 将播放控制集成到底部进度条区域(play-btn-position='bottom')
- 优化播放结束提示为弱提示(移除图标,缩短显示时间)

优化用户观看体验,提供更沉浸式的视频播放效果。

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -14,14 +14,14 @@
:controls="true"
:loop="false"
:muted="false"
:show-center-play-btn="true"
:show-center-play-btn="false"
:show-play-btn="true"
:enable-progress-gesture="true"
:object-fit="'contain'"
:show-mute-btn="true"
:show-fullscreen-btn="true"
:show-screen-lock-button="true"
:play-btn-position="'center'"
:play-btn-position="'bottom'"
class="video-player"
@loadedmetadata="onLoadedMetadata"
@canplay="onCanPlay"
......@@ -181,8 +181,8 @@ const onEnded = () => {
console.log('视频播放结束')
showToast({
title: '播放结束',
icon: 'success',
duration: 1500
icon: 'none',
duration: 1000
})
}
......