diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 733bbe8..fdd6cf8 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -1,8 +1,5 @@
 .theme-dark{
   background-color: var(--d-bgc-1);
-  .xgplayer-skin-default video{
-    background-color: var(--d-bgc-2);
-  }
   .el-pagination{
     background-color: var(--d-bgc-1);
     color: var(--d-fc-1);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 3ca70bb..ab8526d 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -1,8 +1,5 @@
 .theme-green{
   background-color: var(--g-bgc-1);
-  .xgplayer-skin-default video{
-    background-color: var(--g-bgc-2);
-  }
   .el-pagination{
     background-color: var(--g-bgc-1);
     color: var(--g-fc-1);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index fb1265a..18f1363 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -1,8 +1,5 @@
 .theme-light{
   background-color: var(--l-bgc-1);
-  .xgplayer-skin-default video{
-    background-color: var(--l-bgc-2);
-  }
   .el-pagination{
     color: var(--l-fc-1);
     .el-pagination__total, .el-pagination__jump, .el-input__inner{
diff --git a/src/components/Play.vue b/src/components/Play.vue
index fb98985..167873a 100644
--- a/src/components/Play.vue
+++ b/src/components/Play.vue
@@ -128,6 +128,7 @@ export default {
         screenShot: true,
         keyShortcut: 'on',
         crossOrigin: true,
+        cssFullscreen: true,
         defaultPlaybackRate: 1,
         playbackRate: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5]
       },
@@ -444,6 +445,7 @@ export default {
       width: 100%;
       height: 100%;
       z-index: 600;
+      opacity: 0.98;
     }
   }
   .list{