hookehuyr

fix(ui): 修复移动端拖动进度条时的报错并优化交互

添加 touch-action 样式以解决 Video.js 在移动端拖动进度条时的报错问题,同时优化视频播放器的触摸交互
...@@ -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;
......