diff --git a/README.en.md b/README.en.md
index 6e60f3bd274ce0eae3021c878ef0a33e9464b9a8..53113a7c162634e392925714233fbd27e587d35b 100644
--- a/README.en.md
+++ b/README.en.md
@@ -6,7 +6,7 @@ This sample demonstrates video playback, manual and automatic invocation of Pict
 
 ## Preview
 
-![](screenshots/devices/WindowPiP_EN.gif)
+![](screenshots/devices/WindowPiP_EN.png)
 
 ## How to Use
 
@@ -53,10 +53,10 @@ N/A
 
 ## Constraints
 
-1. The sample is only supported on Huawei phones with standard systems.
+1. The sample app is supported only on Huawei phones, and tablets devices running the standard system.
 
 2. The HarmonyOS version must be HarmonyOS 5.0.0 Release or later.
 
 3. The DevEco Studio version must be DevEco Studio 5.0.0 Release or later.
 
-4. The HarmonyOS SDK version must be HarmonyOS 5.0.0 Release SDK or later.
+4. The HarmonyOS SDK version must be HarmonyOS 5.0.0 Release or later.
diff --git a/README.md b/README.md
index bcbfd9d1531f2550f89f943d1f4cf156cd764f0e..b3b00465ff1f709d5aeac706ff98a8afe4cc2830 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 ## 效果预览
 
-![](screenshots/devices/WindowPiP.gif)
+![](screenshots/devices/WindowPiP.png)
 
 ## 使用说明
 
diff --git a/entry/src/main/ets/pages/VideoPlay.ets b/entry/src/main/ets/pages/VideoPlay.ets
index 213fcd9298a0c7306aa940c5cbc42fb30c611254..32a4ede4eef67efa75e280d65bd9f8d4bacff94d 100644
--- a/entry/src/main/ets/pages/VideoPlay.ets
+++ b/entry/src/main/ets/pages/VideoPlay.ets
@@ -405,8 +405,7 @@ export struct PlayVideo {
                     width: Constants.X_COMPONENT_WIDTH,
                     height: '100%'
                   })
-                  .backgroundColor(this.currentMode === ConfigurationConstant.ColorMode.COLOR_MODE_LIGHT ?
-                    $r('sys.color.icon_primary') : $r('app.color.video_background_dark'))
+                  .backgroundColor($r('app.color.video_background_dark'))
                   .align(Alignment.Bottom)
                   .id('x_component')
 
@@ -417,8 +416,7 @@ export struct PlayVideo {
                 }
                 .justifyContent(FlexAlign.Center)
                 .alignItems(VerticalAlign.Center)
-                .backgroundColor(this.currentMode === ConfigurationConstant.ColorMode.COLOR_MODE_LIGHT ?
-                  $r('sys.color.icon_fourth') : $r('sys.color.comp_background_tertiary'))
+                .backgroundColor($r('app.color.icon_background_dark'))
                 .height(40)
                 .aspectRatio(1)
                 .alignRules({
@@ -442,8 +440,7 @@ export struct PlayVideo {
                 }
                 .justifyContent(FlexAlign.Center)
                 .alignItems(VerticalAlign.Center)
-                .backgroundColor(this.currentMode === ConfigurationConstant.ColorMode.COLOR_MODE_LIGHT ?
-                  $r('sys.color.icon_fourth') : $r('sys.color.comp_background_tertiary'))
+                .backgroundColor($r('app.color.icon_background_dark'))
                 .height(40)
                 .aspectRatio(1)
                 .alignRules({
diff --git a/entry/src/main/resources/base/element/color.json b/entry/src/main/resources/base/element/color.json
index 6b377d2fbcd40b68cd54ebf7cb60633009227814..c211691e49ede05a1d271918bb4fc9093dc765a5 100644
--- a/entry/src/main/resources/base/element/color.json
+++ b/entry/src/main/resources/base/element/color.json
@@ -39,6 +39,10 @@
     {
       "name": "video_background_dark",
       "value": "#1a1a1a"
+    },
+    {
+      "name": "icon_background_dark",
+      "value": "#19FFFFFF"
     }
   ]
 }
\ No newline at end of file
diff --git a/screenshots/devices/WindowPiP.gif b/screenshots/devices/WindowPiP.gif
deleted file mode 100644
index 6605816bcee00c9e0b3b91156b697afe30d63781..0000000000000000000000000000000000000000
Binary files a/screenshots/devices/WindowPiP.gif and /dev/null differ
diff --git a/screenshots/devices/WindowPiP.png b/screenshots/devices/WindowPiP.png
new file mode 100644
index 0000000000000000000000000000000000000000..bfbdb100a29b133b92926fec93e46b4f665552b1
Binary files /dev/null and b/screenshots/devices/WindowPiP.png differ
diff --git a/screenshots/devices/WindowPiP_EN.gif b/screenshots/devices/WindowPiP_EN.gif
deleted file mode 100644
index 5fa71cd68d7e61fcaf42c9db8cb4674cac244751..0000000000000000000000000000000000000000
Binary files a/screenshots/devices/WindowPiP_EN.gif and /dev/null differ
diff --git a/screenshots/devices/WindowPiP_EN.png b/screenshots/devices/WindowPiP_EN.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe3f3ebbca63aa3a2efacfbe256540fa7af6350c
Binary files /dev/null and b/screenshots/devices/WindowPiP_EN.png differ