修改视频内容超出650px问题

src/components/easy2/studyStudent.vue

@@ -560,12 +560,12 @@
                       style="height: 650px; width: calc(100% - 50px)"
                     >
                       <video-player
-                        class="video-player vjs-custom-skin"
+                        class="video-player vjs-custom-skin notop"
                         :class="contentDialog == false ? 'isAllWidth' : ''"
                         :playsinline="true"
                         :options="playerO[taskCount]"
                         @play="onPlayerPlay($event)"
-                        style="width: 100%; height: 100%; margin: 0 0 0 30px"
+                        style="width: 100%; height: 650px; margin: 0 0 0 30px"
                       ></video-player>
                     </div>
                   </div>
@@ -31214,4 +31214,7 @@ div::-webkit-scrollbar {
     white-space: normal !important;
     display: inline !important;
 }
+.notop >>> .vjs_video_3-dimensions.vjs-fluid{
+  padding-top: 0 !important;
+}
 </style>

src/components/easy3/studyStudent.vue

@@ -570,12 +570,12 @@
                       style="height: 650px; width: calc(100% - 50px)"
                     >
                       <video-player
-                        class="video-player vjs-custom-skin"
+                        class="video-player vjs-custom-skin notop"
                         :class="contentDialog == false ? 'isAllWidth' : ''"
                         :playsinline="true"
                         :options="playerO[0]"
                         @play="onPlayerPlay($event)"
-                        style="width: 100%; height: 100%; margin: 0 0 0 30px"
+                        style="width: 100%; height: 650px; margin: 0 0 0 30px"
                       ></video-player>
                     </div>
                   </div>
@@ -26470,4 +26470,7 @@ div::-webkit-scrollbar {
     white-space: normal !important;
     display: inline !important;
 }
+.notop >>> .vjs_video_3-dimensions.vjs-fluid{
+  padding-top: 0 !important;
+}
 </style>

src/components/studyStudent.vue

@@ -535,12 +535,12 @@
                       style="height: 650px; width: calc(100% - 50px)"
                     >
                       <video-player
-                        class="video-player vjs-custom-skin"
+                        class="video-player vjs-custom-skin notop"
                         :class="contentDialog == false ? 'isAllWidth' : ''"
                         :playsinline="true"
                         :options="playerO[taskCount]"
                         @play="onPlayerPlay($event)"
-                        style="width: 100%; height: 100%; margin: 0 0 0 30px"
+                        style="width: 100%; height: 650px; margin: 0 0 0 30px"
                       ></video-player>
                     </div>
                   </div>
@@ -26419,4 +26419,7 @@ div::-webkit-scrollbar {
     white-space: normal !important;
     display: inline !important;
 }
+.notop >>> .vjs_video_3-dimensions.vjs-fluid{
+  padding-top: 0 !important;
+}
 </style>

src/components/studySutdentClass/studyStudent.vue

@@ -569,12 +569,12 @@
                       style="height: 650px; width: calc(100% - 50px)"
                     >
                       <video-player
-                        class="video-player vjs-custom-skin"
+                        class="video-player vjs-custom-skin notop"
                         :class="contentDialog == false ? 'isAllWidth' : ''"
                         :playsinline="true"
                         :options="playerO[0]"
                         @play="onPlayerPlay($event)"
-                        style="width: 100%; height: 100%; margin: 0 0 0 30px"
+                        style="width: 100%; height: 650px; margin: 0 0 0 30px"
                       ></video-player>
                     </div>
                   </div>
@@ -30534,4 +30534,7 @@ div::-webkit-scrollbar {
     white-space: normal !important;
     display: inline !important;
 }
+.notop >>> .vjs_video_3-dimensions.vjs-fluid{
+  padding-top: 0 !important;
+}
 </style>