fix(ui): 修复移动端拖动进度条时的报错并优化交互
添加 touch-action 样式以解决 Video.js 在移动端拖动进度条时的报错问题,同时优化视频播放器的触摸交互
Showing
1 changed file
with
14 additions
and
0 deletions
| ... | @@ -199,6 +199,20 @@ defineExpose({ | ... | @@ -199,6 +199,20 @@ defineExpose({ |
| 199 | display: none !important; | 199 | display: none !important; |
| 200 | } | 200 | } |
| 201 | 201 | ||
| 202 | +/* 修复 Video.js 在移动端拖动进度条时的报错 */ | ||
| 203 | +:deep(.vjs-progress-control) { | ||
| 204 | + touch-action: none; | ||
| 205 | +} | ||
| 206 | + | ||
| 207 | +:deep(.vjs-progress-holder) { | ||
| 208 | + touch-action: none; | ||
| 209 | +} | ||
| 210 | + | ||
| 211 | +:deep(.video-js) { | ||
| 212 | + /* 优化移动端交互 */ | ||
| 213 | + touch-action: manipulation; | ||
| 214 | +} | ||
| 215 | + | ||
| 202 | /* 倍速播放控件样式优化 */ | 216 | /* 倍速播放控件样式优化 */ |
| 203 | :deep(.vjs-playback-rate) { | 217 | :deep(.vjs-playback-rate) { |
| 204 | order: 7; | 218 | order: 7; | ... | ... |
-
Please register or login to post a comment