视频交互题

src/views/book/courseware/create/components/base/common/UploadFile.vue

@@ -445,7 +445,7 @@ export default {
         column-gap: 14px;
         align-items: center;
         justify-content: space-between;
-        max-width: 360px;
+        max-width: 500px; // 360px有点窄
         padding: 8px 12px;
         font-size: 14px;
         color: #1d2129;

src/views/book/courseware/create/components/question/video_interaction/VideoInteraction.vue

@@ -18,6 +18,10 @@
         :single-size="500"
         @updateFileList="updateFileList"
       />
+      <div class="interaction-box" v-if="data.video_list.length > 0">
+        <video id="interaction-video" :src="data.video_list[0].file_url" width="100%" height="400" controls></video>
+        <el-button type="primary" size="small">暂停视频上传文件</el-button>
+      </div>
     </template>
   </ModuleBase>
 </template>
@@ -111,10 +115,7 @@ export default {
   }
 }
 
-.image-size {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  padding: 20px 0;
+.interaction-box {
+  padding: 10px 0;
 }
 </style>

src/views/book/courseware/preview/components/video_interaction/VideoInteractionPreview.vue

@@ -2,6 +2,9 @@
 <template>
   <div class="imageText-preview" :style="getAreaStyle()">
     <SerialNumberPosition v-if="isEnable(data.property.sn_display_mode)" :property="data.property" />
+    <div class="interaction-box" v-if="data.video_list.length > 0">
+      <video id="interaction-video" :src="data.video_list[0].file_url" width="100%" height="400" controls></video>
+    </div>
   </div>
 </template>