diff --git a/zh-cn/application-dev/media/video-playback.md b/zh-cn/application-dev/media/video-playback.md
index 708a3e20e8d1423ed8d92abab6f4c6b0e1019a76..9f2e155c728fc54db26547313c844bf43781a62a 100644
--- a/zh-cn/application-dev/media/video-playback.md
+++ b/zh-cn/application-dev/media/video-playback.md
@@ -462,8 +462,10 @@ await videoPlayer.play().then(() => {
 
 ### Xcomponent创建方法
 
-```js
 播放视频中获取surfaceID依赖了Xcomponent,需要创建一个和xxx.js同名的xxx.hml文件,xxx.hml里面需要添加如下代码：
+
+```js
+
 <xcomponent id = 'Xcomponent'
 	  if = "{{isFlush}}" // 刷新surfaceID，isFlush赋值false再赋值true为一次刷新，会主动再次加载LoadXcomponet获取新的surfaceID
       type = 'surface'