diff --git a/src/index.scss b/src/index.scss
index c37285b..b2dd0e6 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -50,7 +50,7 @@ body {
   height: auto;
   margin: 0 auto;
   display: flex;
-  flex-direction: column
+  flex-direction: column;
 }
 
 h1 {
@@ -291,7 +291,7 @@ h1 {
 }
 
 #meedu-player-container {
-  width: 1200px;
-  height: 675px;
-  float: left;
+  width: 100%;
+  height: auto;
+  position: relative;
 }
diff --git a/src/pages/course/compenents/video.module.scss b/src/pages/course/compenents/video.module.scss
index 31d56aa..c9ebaff 100644
--- a/src/pages/course/compenents/video.module.scss
+++ b/src/pages/course/compenents/video.module.scss
@@ -42,7 +42,7 @@
     }
   }
   .video-body {
-    width: 1200px;
+    width: 62.5%;
     height: auto;
     display: flex;
     flex-direction: column;
@@ -51,7 +51,7 @@
     margin-top: 60px;
     animation: scaleBig 0.3s;
     .video-title {
-      width: 1200px;
+      width: 100%;
       height: 36px;
       font-size: 20px;
       font-weight: 600;
@@ -62,8 +62,8 @@
     }
 
     .video-box {
-      width: 1200px;
-      height: 675px;
+      width: 100%;
+      padding-bottom: calc(9 / 16 * 100%);
       margin: 0 auto;
       border-radius: 8px;
       overflow: hidden;