diff --git a/src/uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue b/src/uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue
index 930c0e326..83acf46fd 100644
--- a/src/uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-video-preview/wd-video-preview.vue
@@ -31,6 +31,7 @@ export default {
 <script lang="ts" setup>
 import { nextTick, reactive, ref } from 'vue'
 import { videoPreviewProps, type PreviewVideo, type VideoPreviewExpose } from './types'
+import useLockScroll from '../composables/useLockScroll'
 defineProps(videoPreviewProps)
 
 const showPopup = ref<boolean>(false)
@@ -56,6 +57,10 @@ function handleClosed() {
   previdewVideo.title = ''
 }
 
+// #ifdef H5
+useLockScroll(() => showPopup.value)
+// #endif
+
 defineExpose<VideoPreviewExpose>({
   open,
   close