|
@@ -492,6 +492,8 @@ const toggleWebFullscreen = () => {
|
|
|
video.style.width = '100%'
|
|
video.style.width = '100%'
|
|
|
video.style.height = '100%'
|
|
video.style.height = '100%'
|
|
|
video.style.objectFit = 'contain'
|
|
video.style.objectFit = 'contain'
|
|
|
|
|
+ // 确保视频元素获得焦点,以便键盘事件能够正常工作
|
|
|
|
|
+ video.focus();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
isWebFullscreen.value = true
|
|
isWebFullscreen.value = true
|
|
@@ -514,6 +516,8 @@ const toggleWebFullscreen = () => {
|
|
|
video.style.width = '100%'
|
|
video.style.width = '100%'
|
|
|
video.style.height = '100%'
|
|
video.style.height = '100%'
|
|
|
video.style.objectFit = 'cover'
|
|
video.style.objectFit = 'cover'
|
|
|
|
|
+ // 确保视频元素获得焦点,以便键盘事件能够正常工作
|
|
|
|
|
+ video.focus();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
isWebFullscreen.value = false
|
|
isWebFullscreen.value = false
|
|
@@ -665,7 +669,7 @@ onBeforeUnmount(() => {
|
|
|
/* 章节要点标记样式 */
|
|
/* 章节要点标记样式 */
|
|
|
.progress-markers {
|
|
.progress-markers {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- bottom: 26px;
|
|
|
|
|
|
|
+ bottom: 17px;
|
|
|
left: 15px;
|
|
left: 15px;
|
|
|
right: 15px;
|
|
right: 15px;
|
|
|
height: 10px;
|
|
height: 10px;
|