diff --git a/entry/src/main/ets/pages/VideoPlay.ets b/entry/src/main/ets/pages/VideoPlay.ets
index 302da590213c0c0bb18d3adbc873d3e592a3f874..5eb9f74fcaa3c309897a7cc3ffcb04c6e9dc4ab5 100644
--- a/entry/src/main/ets/pages/VideoPlay.ets
+++ b/entry/src/main/ets/pages/VideoPlay.ets
@@ -167,7 +167,7 @@ export struct PlayVideo {
               .fontColor($r('app.color.XComponent_text_color'))
               .margin({ bottom: $r('app.integer.x_component_marg_bottom') })
               .visibility(this.hintMsgVisibility ? Visibility.Visible : Visibility.Hidden)
-            XComponent({ id: 'video', type: 'surface', controller: this.mXComponentController })
+            XComponent({ id: 'video', type: XComponentType.SURFACE, controller: this.mXComponentController })
               .onLoad(() => {
                 Logger.info(`[${TAG}] XComponent onLoad`);
                 this.surfaceId = this.mXComponentController.getXComponentSurfaceId();