feat: 优化视频播放器控制体验
- 移除视频中央的播放/暂停按钮,避免遮挡画面 - 将播放控制集成到底部进度条区域(play-btn-position='bottom') - 优化播放结束提示为弱提示(移除图标,缩短显示时间) 优化用户观看体验,提供更沉浸式的视频播放效果。 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Showing
1 changed file
with
4 additions
and
4 deletions
| ... | @@ -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 | ... | ... |
-
Please register or login to post a comment