hookehuyr

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

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

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
...@@ -14,14 +14,14 @@ ...@@ -14,14 +14,14 @@
14 :controls="true" 14 :controls="true"
15 :loop="false" 15 :loop="false"
16 :muted="false" 16 :muted="false"
17 - :show-center-play-btn="true" 17 + :show-center-play-btn="false"
18 :show-play-btn="true" 18 :show-play-btn="true"
19 :enable-progress-gesture="true" 19 :enable-progress-gesture="true"
20 :object-fit="'contain'" 20 :object-fit="'contain'"
21 :show-mute-btn="true" 21 :show-mute-btn="true"
22 :show-fullscreen-btn="true" 22 :show-fullscreen-btn="true"
23 :show-screen-lock-button="true" 23 :show-screen-lock-button="true"
24 - :play-btn-position="'center'" 24 + :play-btn-position="'bottom'"
25 class="video-player" 25 class="video-player"
26 @loadedmetadata="onLoadedMetadata" 26 @loadedmetadata="onLoadedMetadata"
27 @canplay="onCanPlay" 27 @canplay="onCanPlay"
...@@ -181,8 +181,8 @@ const onEnded = () => { ...@@ -181,8 +181,8 @@ const onEnded = () => {
181 console.log('视频播放结束') 181 console.log('视频播放结束')
182 showToast({ 182 showToast({
183 title: '播放结束', 183 title: '播放结束',
184 - icon: 'success', 184 + icon: 'none',
185 - duration: 1500 185 + duration: 1000
186 }) 186 })
187 } 187 }
188 188
......