From 33103dec1f1856abc8646b72b6b95bbbcf0dca7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Wed, 29 Mar 2023 10:48:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE=E5=B0=81?=
 =?UTF-8?q?=E9=9D=A2=E9=97=AE=E9=A2=98=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.scss                                | 6 ++++++
 src/pages/course/compenents/video.module.scss | 9 ++++++---
 src/pages/course/compenents/video.tsx         | 6 ++++--
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index d3e3b17..5a83a5f 100644
--- a/src/index.scss
+++ b/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;
+}
diff --git a/src/pages/course/compenents/video.module.scss b/src/pages/course/compenents/video.module.scss
index 9c2f13c..31d56aa 100644
--- a/src/pages/course/compenents/video.module.scss
+++ b/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;
diff --git a/src/pages/course/compenents/video.tsx b/src/pages/course/compenents/video.tsx
index 64cd080..778a75a 100644
--- a/src/pages/course/compenents/video.tsx
+++ b/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>