소스 검색

bugid=1499 锁定了播放视频时的宽高为16:9

coderDJing 1 년 전
부모
커밋
f3cddfbf17
1개의 변경된 파일8개의 추가작업 그리고 6개의 파일을 삭제
  1. 8 6
      src/pages/frontpage/videoDetail/index.vue

+ 8 - 6
src/pages/frontpage/videoDetail/index.vue

@@ -86,8 +86,9 @@ function goDetail(item) {
     <div class="breadcrumbBg">
       <div style="width: 1200px;margin:auto;height: 60px;display: flex;justify-content: space-between;">
         <div style="line-height: 60px;">
-          <span style="color: #D3D3D3;font-size: 14px;">{{ from == 'teacherPersonalCenter' ? '精品课程 - ' : '' }}</span><span
-            style="color: white;font-size: 14px;">{{ from == 'teacherPersonalCenter' ? one_info.as_zy_syxm_v2 + '的个人中心' :
+          <span style="color: #D3D3D3;font-size: 14px;">{{ from == 'teacherPersonalCenter' ? '精品课程 - ' : ''
+            }}</span><span style="color: white;font-size: 14px;">{{ from == 'teacherPersonalCenter' ?
+              one_info.as_zy_syxm_v2 + '的个人中心' :
               '精品课程'
             }}</span>
         </div>
@@ -114,14 +115,15 @@ function goDetail(item) {
             <span style="margin-left: 5px;">{{ one_info.as_zy_dzs_v2 }}</span>
           </div>
         </div>
-
-        <div>
-          <video :src="one_info.as_file" controls controlslist="nodownload" style="width: 100%;"></video>
+        <div style="position: relative; width: 100%; padding-top: 56.25%;">
+          <video :src="one_info.as_file" controls controlslist="nodownload"
+            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></video>
         </div>
       </div>
       <div style="width: 250px;padding-left: 20px;margin-top: -4px;">
         <div style="font-size: 20px;font-weight: bold;width: 94px;text-align: center;">相关推荐</div>
-        <div style="width: 94px;height: 7px;opacity: 0.62;background:#6c5dd3;border-radius: 4px;margin-top: -8px;"></div>
+        <div style="width: 94px;height: 7px;opacity: 0.62;background:#6c5dd3;border-radius: 4px;margin-top: -8px;">
+        </div>
         <el-scrollbar height="600px" style="margin-top: 10px;width: 250px;">
           <div style="width: 250px;padding: 0px;cursor: pointer;" v-for="item of pageData" @click="goDetail(item)">
             <el-image :src="item.as_img" style="border-radius: 12px;min-height: 100px;width: 250px;height: 162px;" />