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 = ({ useEffect(() => { if (open) { + setPlayendedStatus(false); getVideoUrl(); } }, [open, id, cid]); @@ -60,7 +61,7 @@ export const VideoModel: React.FC = ({ 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 = ({ className={styles["alert-button"]} onClick={() => { setPlayendedStatus(false); - goNextVideo()}} + goNextVideo(); + }} > 播放下一节