yexuejc007/PlayEdu-frontend
1
0
Fork 0
mirror of https://github.com/PlayEdu/frontend.git synced 2025-06-08 08:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

视频播放等比例浏览器

Browse Source
This commit is contained in:
禺狨 2023-04-23 09:55:24 +08:00
parent 071061f895
commit f2e6da5329
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.scss
View File

@ -50,7 +50,7 @@ body {
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: column flex-direction: column;
} }
h1 { h1 {
@ -291,7 +291,7 @@ h1 {
} }
#meedu-player-container { #meedu-player-container {
width: 1200px; width: 100%;
height: 675px; height: auto;
float: left; position: relative;
} }

8
src/pages/course/compenents/video.module.scss
View File

@ -42,7 +42,7 @@
} }
} }
.video-body { .video-body {
width: 1200px; width: 62.5%;
height: auto; height: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -51,7 +51,7 @@
margin-top: 60px; margin-top: 60px;
animation: scaleBig 0.3s; animation: scaleBig 0.3s;
.video-title { .video-title {
width: 1200px; width: 100%;
height: 36px; height: 36px;
font-size: 20px; font-size: 20px;
font-weight: 600; font-weight: 600;
@ -62,8 +62,8 @@
} }
.video-box { .video-box {
width: 1200px; width: 100%;
height: 675px; padding-bottom: calc(9 / 16 * 100%);
margin: 0 auto; margin: 0 auto;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;