视频播放封面问题优化

src/index.scss

@@ -278,3 +278,9 @@ h1 {
 .ant-dropdown-menu-item-group-list {
   padding: 0 0 4px 0 !important;
 }
+
+#meedu-player-container {
+  width: 1200px;
+  height: 675px;
+  float: left;
+}

src/pages/course/compenents/video.module.scss

@@ -67,11 +67,13 @@
       margin: 0 auto;
       border-radius: 8px;
       overflow: hidden;
-      background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
-      background-size: 400% 100%;
-      animation: el-skeleton-loading 1.4s ease infinite;
       position: relative;
       .alert-message {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0);
@@ -81,6 +83,7 @@
         justify-content: center;
         font-size: 18px;
         color: white;
+        z-index: 100;
         .alert-button {
           width: 200px;
           height: 54px;

src/pages/course/compenents/video.tsx

@@ -33,6 +33,7 @@ export const VideoModel: React.FC<PropInterface> = ({
 
   useEffect(() => {
     if (open) {
+      setPlayendedStatus(false);
       getVideoUrl();
     }
   }, [open, id, cid]);
@@ -60,7 +61,7 @@ export const VideoModel: React.FC<PropInterface> = ({
       bulletSecret: {
         enabled: systemConfig.playerIsEnabledBulletSecret,
         text: systemConfig.playerBulletSecretText,
-        size: "15px",
+        size: "14px",
         color: systemConfig.playerBulletSecretColor || "red",
         opacity: Number(systemConfig.playerBulletSecretOpacity),
       },
@@ -121,7 +122,8 @@ export const VideoModel: React.FC<PropInterface> = ({
                       className={styles["alert-button"]}
                       onClick={() => {
                         setPlayendedStatus(false);
-                        goNextVideo()}}
+                        goNextVideo();
+                      }}
                     >
                       播放下一节
                     </div>