.

src/components/VideoPlayer.vue

@@ -194,6 +194,7 @@ defineExpose({ getCurrent, play, pause, setCurrent, changeMuted })
 .video {
     width: 100%;
     height: calc(100vh - 95px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
+    height: calc(100vh - 95px - constant(safe-area-inset-bottom) - constant(safe-area-inset-top));
 }
 
 .video-player {
@@ -221,7 +222,7 @@ defineExpose({ getCurrent, play, pause, setCurrent, changeMuted })
     position: absolute;
     left: 0;
     right: 0;
-    bottom: 0px;
+    bottom: 10px;
     --van-slider-button-width: 18px;
     --van-slider-button-height: 18px;
     z-index: 30;

src/views/VideoPage.vue

@@ -283,7 +283,9 @@ const isNext = computed(() => {
     bottom: 0;
     left: 0;
     right: 0;
-    height: 49px;
+    height: calc(env(safe-area-inset-bottom) + 49px);
+    height: calc(constant(safe-area-inset-bottom) + 49px);
+    box-sizing: border-box;
 
     .btn {
         --van-button-mini-font-size: 14px;
@@ -296,6 +298,7 @@ const isNext = computed(() => {
     position: fixed;
     right: 18px;
     bottom: calc(90px + env(safe-area-inset-bottom));
+    bottom: calc(90px + constant(safe-area-inset-bottom));
     .right-btn {
         display: flex;
         flex-direction: column;