视频

src/components/pages/components/pdf.vue

@@ -17,7 +17,7 @@
 
     <div class="pdf_footer">
       <div class="info">
-        <div>当前页数/总页数：{{pageNum}}/{{pageTotalNum}}</div>
+        <div>当前页数/总页数：{{ pageNum }}/{{ pageTotalNum }}</div>
         <!-- <div>进度：{{loadedRatio}}</div> -->
         <!-- <div>页面加载成功: {{curPageNum}}</div> -->
       </div>
@@ -104,10 +104,20 @@ export default {
     //   _this.scale = 69;
     //   _this.$refs.pdf.$el.style.width = parseInt(this.scale) + "%";
     // }
+    this.$emit(
+      "getWidth",
+      (document.getElementsByClassName("pdf")[0].offsetHeight - 100) * 1.77 +
+        "px"
+    );
     window.addEventListener("resize", () => {
       this.$refs.pdf.$el.style.width =
         (document.getElementsByClassName("pdf")[0].offsetHeight - 100) * 1.77 +
         "px";
+      this.$emit(
+        "getWidth",
+        (document.getElementsByClassName("pdf")[0].offsetHeight - 100) * 1.77 +
+          "px"
+      );
       //   var a = document.getElementsByClassName("pdf")[0].offsetWidth;
       //   if (a < 1300) {
       //     _this.scale = 100;

src/components/pages/liveRoom.vue

@@ -23,17 +23,41 @@
         <div class="logoLive">
           <img src="../../assets/icon/logo.png" alt />
         </div>
-        <div style="color: #fff; line-height: 45px; padding-left: 15px">introduce a festival (Final)</div>
+        <div style="color: #fff; line-height: 45px; padding-left: 15px">
+          introduce a festival (Final)
+        </div>
       </div>
     </div>
     <div class="isNoOther">
-      <div class="imgMiddle" :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'" v-show="!full">
+      <div
+        class="imgMiddle"
+        :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
+        v-show="!full"
+      >
         <!-- <img src="../../assets/icon/kc1.png" alt /> -->
         <!-- <iframe
           style="width: 100%; height: 100%; border: none"
           src="https://view.officeapps.live.com/op/view.aspx?src=https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0701%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656644341323.pptx"
         ></iframe>-->
-        <pdf :pdfUrl="pdfUrl" style="width: 100%; height: 100%" :getPage="getPage"></pdf>
+        <pdf
+          :pdfUrl="pdfUrl"
+          style="width: 100%; height: 100%"
+          :getPage="getPage"
+          @getWidth="getWidth"
+        ></pdf>
+        <div
+          class="workd_media"
+          v-if="videoBlock == 9"
+          :style="{ width: Vwidth }"
+        >
+          <video-player
+            class="video-player vjs-custom-skin"
+            :playsinline="true"
+            :options="playerO[0]"
+            @play="onPlayerPlay($event)"
+            style="width: 100%; height: 100%;"
+          ></video-player>
+        </div>
       </div>
       <div
         style="
@@ -46,8 +70,14 @@
         "
         v-if="isBlock == 1 || isBlock == 6"
       >
-        <div style="background: #fff; height: 92%; width: 96%; margin: 10px auto">
-          <div style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px">答题查看</div>
+        <div
+          style="background: #fff; height: 92%; width: 96%; margin: 10px auto"
+        >
+          <div
+            style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px"
+          >
+            答题查看
+          </div>
           <div class="answerBox" v-if="isBlock == 1 || isBlock == 6">
             <div class="memberBox" v-if="isBlock == 1">
               <div
@@ -55,7 +85,9 @@
                 v-for="(item, index) in studentArray"
                 @click="getOAnswer(item.answer, item.name)"
                 :key="index"
-              >{{ item.name }}</div>
+              >
+                {{ item.name }}
+              </div>
             </div>
             <div class="memberBox" v-if="isBlock == 6">
               <div
@@ -64,7 +96,9 @@
                 v-for="(item, index) in studentArray2"
                 :key="index"
                 @click="whoAnswer(item, index)"
-              >{{ item.name }}</div>
+              >
+                {{ item.name }}
+              </div>
               <div v-if="studentArray2.length == 0">暂无学生</div>
             </div>
             <!-- <div style="color: #948bdc; padding-top: 15px" v-if="isBlock == 1">
@@ -78,7 +112,9 @@
                 tools[steps].tools &&
                 tools[steps].tools.indexOf(9) != -1
               "
-            >查看数据统计</div>
+            >
+              查看数据统计
+            </div>
             <div
               class="viewSta"
               @click="isBlock = 14"
@@ -87,8 +123,14 @@
                 tools[steps].tools &&
                 tools[steps].tools.indexOf(27) != -1
               "
-            >查看所有学生答题情况</div>
-            <span slot="footer" class="dialog-footer sztFooter" v-if="isBlock == 6">
+            >
+              查看所有学生答题情况
+            </div>
+            <span
+              slot="footer"
+              class="dialog-footer sztFooter"
+              v-if="isBlock == 6"
+            >
               <el-button type="primary" @click="isBlock = 0">结束</el-button>
               <!-- <el-button type="primary" @click="isBlock = 2">返回</el-button> -->
             </span>
@@ -134,7 +176,11 @@
           </span>
         </div>
       </div>
-      <div class="answerBox tools_box" v-if="isBlock == 2" style="padding: 10px 0 0 25px">
+      <div
+        class="answerBox tools_box"
+        v-if="isBlock == 2"
+        style="padding: 10px 0 0 25px"
+      >
         <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
         <div
           style="
@@ -144,7 +190,9 @@
             text-align: center;
             padding-bottom: 3px;
           "
-        >选择工具</div>
+        >
+          选择工具
+        </div>
         <div
           style="
             display: flex;
@@ -215,7 +263,10 @@
               <div>思维网格</div>
             </div>
           </div>
-          <div v-if="tools[steps].tools && tools[steps].tools.indexOf(10) != -1" class="toolCss">
+          <div
+            v-if="tools[steps].tools && tools[steps].tools.indexOf(10) != -1"
+            class="toolCss"
+          >
             <div class="toolImg" @click="timeDialogVisible = true">
               <img src="../../assets/icon/thirdToolList/time.png" alt />
               <div>倒计时</div>
@@ -226,14 +277,26 @@
           <div class="nextStepOne" @click="isBlock = 0">关闭</div>
         </div>
       </div>
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 5">
+      <div
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 5"
+      >
         <div style="height: 100%; width: 100%">
           <div v-if="toolCount == 1" class="tools_child_box">
             <div class="tools_title">
               <span>电子白板</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -248,8 +311,16 @@
             <div class="tools_title">
               <span>思维导图</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -264,8 +335,16 @@
             <div class="tools_title">
               <span>翻译</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -280,8 +359,16 @@
             <div class="tools_title">
               <span>协同文档</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -296,8 +383,16 @@
             <div class="tools_title">
               <span>思维网格</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -309,7 +404,9 @@
             ></iframe>
           </div>
           <div class="nextStepBox">
-            <div class="nextStepOne" @click="(isBlock = 2), (full = false)">返回</div>
+            <div class="nextStepOne" @click="(isBlock = 2), (full = false)">
+              返回
+            </div>
           </div>
         </div>
       </div>
@@ -334,13 +431,16 @@
             height: 25px;
             line-height: 25px;
           "
-        >查看作业</div>
+        >
+          查看作业
+        </div>
         <div class="workBox">
           <div class="works" v-for="(w, wIndex) in worksList" :key="wIndex">
             <div class="workImg">
               <img
-                v-if="tools[steps].tools &&
-                tools[steps].tools.indexOf(29) != -1"
+                v-if="
+                  tools[steps].tools && tools[steps].tools.indexOf(29) != -1
+                "
                 :src="require('../../assets/icon/stuVedio.png')"
                 @click="lookvideo(w.upload)"
                 alt
@@ -380,7 +480,9 @@
           margin: 10px 15px;
         "
       >
-        <div style="color: #bfbfbf; padding: 15px 0 15px 0; font-size: 20px">课堂评价</div>
+        <div style="color: #bfbfbf; padding: 15px 0 15px 0; font-size: 20px">
+          课堂评价
+        </div>
         <div>
           <div class="score_box">
             <span>自我评价</span>
@@ -417,7 +519,11 @@
         </span>
       </div>
 
-      <div class="answerBox tools_box" v-if="isBlock == 8" style="padding: 10px 0 0 25px">
+      <div
+        class="answerBox tools_box"
+        v-if="isBlock == 8"
+        style="padding: 10px 0 0 25px"
+      >
         <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
         <div
           style="
@@ -427,7 +533,9 @@
             text-align: center;
             padding-bottom: 3px;
           "
-        >选择附件</div>
+        >
+          选择附件
+        </div>
         <div
           style="
             display: flex;
@@ -438,20 +546,35 @@
             align-items: center;
           "
         >
-          <div v-if="tools[steps].file && tools[steps].file.length" class="fileBox">
-            <div class="fileListCss" v-for="(v, vIndex) in videoList" :key="vIndex">
+          <div
+            v-if="tools[steps].file && tools[steps].file.length"
+            class="fileBox"
+          >
+            <div
+              class="fileListCss"
+              v-for="(v, vIndex) in videoList"
+              :key="vIndex"
+            >
               <div class="fileCss" @click="playVideo(v.src, vIndex)">
                 <img src="../../assets/uploadMp4.png" alt />
               </div>
               <div>{{ v.name }}</div>
             </div>
-            <div class="fileListCss" v-for="(v, vIndex) in videoList2" :key="vIndex">
+            <div
+              class="fileListCss"
+              v-for="(v, vIndex) in videoList2"
+              :key="vIndex"
+            >
               <div class="fileCss" @click="playVideo2(v.src, vIndex)">
                 <img src="../../assets/uploadMp4.png" alt />
               </div>
               <div>{{ v.name }}</div>
             </div>
-            <div class="fileListCss" v-for="(f, fIndex) in fileList" :key="fIndex">
+            <div
+              class="fileListCss"
+              v-for="(f, fIndex) in fileList"
+              :key="fIndex"
+            >
               <div class="fileCss" @click="openFile(f.src)">
                 <img src="../../assets/file.png" alt />
               </div>
@@ -463,7 +586,7 @@
           <div class="nextStepOne" @click="isBlock = 0">关闭</div>
         </div>
       </div>
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 9">
+      <!-- <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 9">
         <div style="height: 70%; width: 100%">
           <div class="wheel">
             <div class="workd_media" style="height: 100%">
@@ -480,9 +603,13 @@
             <div class="nextStepOne" @click="isBlock = 8">返回</div>
           </div>
         </div>
-      </div>
+      </div> -->
 
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 10">
+      <div
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 10"
+      >
         <div style="height: 70%; width: 100%">
           <div
             class="wheel"
@@ -504,12 +631,18 @@
       <div class="answerBox tools_box" v-if="isBlock == 11">
         <div style="height: 100%; width: 100%">
           <div class="wheel" style="height: 80%; width: 100%">
-            <div class="memberBox" style="max-height: 100%" v-if="worksList.length">
+            <div
+              class="memberBox"
+              style="max-height: 100%"
+              v-if="worksList.length"
+            >
               <div
                 v-for="(item, index) in worksList"
                 :key="index"
                 @click="getEv(item.upload, item.sName)"
-              >{{ item.sName }}</div>
+              >
+                {{ item.sName }}
+              </div>
             </div>
             <div v-else>暂无学生评价</div>
           </div>
@@ -557,8 +690,14 @@
                 "
               >
                 <div v-for="(tk, tIndex) in 7" :key="tIndex" class="tkCss">
-                  <div style="margin-right: 10px; font-size: 18px">{{ tIndex + 1 }}、</div>
-                  <el-select v-model="tkAnswer[tIndex]" placeholder="请选择答案" disabled>
+                  <div style="margin-right: 10px; font-size: 18px">
+                    {{ tIndex + 1 }}、
+                  </div>
+                  <el-select
+                    v-model="tkAnswer[tIndex]"
+                    placeholder="请选择答案"
+                    disabled
+                  >
                     <el-option
                       v-for="(tkA, tkAIndex) in tkAnswerBox"
                       :key="tkAIndex"
@@ -568,18 +707,30 @@
                   </el-select>
                 </div>
               </div>
-              <div v-if="tools[steps].tools && tools[steps].tools.indexOf(9) != -1">
+              <div
+                v-if="tools[steps].tools && tools[steps].tools.indexOf(9) != -1"
+              >
                 <div class="choose_style">
-                  <span :class="tkAnswer.indexOf(1) != -1 ? 'isChoose' : ''">A</span>
-                  <span :class="tkAnswer.indexOf(2) != -1 ? 'isChoose' : ''">B</span>
-                  <span :class="tkAnswer.indexOf(3) != -1 ? 'isChoose' : ''">C</span>
-                  <span :class="tkAnswer.indexOf(4) != -1 ? 'isChoose' : ''">D</span>
+                  <span :class="tkAnswer.indexOf(1) != -1 ? 'isChoose' : ''"
+                    >A</span
+                  >
+                  <span :class="tkAnswer.indexOf(2) != -1 ? 'isChoose' : ''"
+                    >B</span
+                  >
+                  <span :class="tkAnswer.indexOf(3) != -1 ? 'isChoose' : ''"
+                    >C</span
+                  >
+                  <span :class="tkAnswer.indexOf(4) != -1 ? 'isChoose' : ''"
+                    >D</span
+                  >
                 </div>
               </div>
             </div>
           </div>
           <div class="nextStepBox" style="margin-top: 5%">
-            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">返回</div>
+            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">
+              返回
+            </div>
           </div>
         </div>
       </div>
@@ -587,17 +738,24 @@
         <div style="height: 100%; width: 100%">
           <div class="wheel" style="height: 80%; width: 100%">
             <div style="height: 100%; overflow: auto">
-              <div v-for="(item, index) in worksList" :key="index" class="fill_box">
+              <div
+                v-for="(item, index) in worksList"
+                :key="index"
+                class="fill_box"
+              >
                 <span>{{ index + 1 }}、{{ item.sName }}</span>
                 <span
                   v-for="(item, index) in JSON.parse(item.upload)"
                   :key="index"
-                >{{ index + 1 }}、{{ item }}</span>
+                  >{{ index + 1 }}、{{ item }}</span
+                >
               </div>
             </div>
           </div>
           <div class="nextStepBox" style="margin-top: 5%">
-            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">返回</div>
+            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">
+              返回
+            </div>
           </div>
         </div>
       </div>
@@ -610,7 +768,9 @@
                 :src="audioUrl"
                 controls="controls"
                 ref="audio"
-              >Your browser does not support the audio element.</audio>
+              >
+                Your browser does not support the audio element.
+              </audio>
             </div>
           </div>
           <div class="nextStepBox" style="margin-top: 5%">
@@ -618,7 +778,11 @@
           </div>
         </div>
       </div>
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 16">
+      <div
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 16"
+      >
         <div style="height: 70%; width: 100%">
           <div class="wheel">
             <div class="workd_media" style="height: 100%">
@@ -647,7 +811,9 @@
             (tools[steps].tools && tools[steps].tools.indexOf(9) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(27) != -1)
           "
-        >查看学生答题情况</div>
+        >
+          查看学生答题情况
+        </div>
         <div
           class="blackButton"
           @click="isBlock = 2"
@@ -659,12 +825,16 @@
             (tools[steps].tools && tools[steps].tools.indexOf(10) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(13) != -1)
           "
-        >查看工具</div>
+        >
+          查看工具
+        </div>
         <div
           class="blackButton"
           @click="selectStudentByScoolPPt(2)"
           v-if="tools[steps].tools && tools[steps].tools.indexOf(12) != -1"
-        >选择学生回答</div>
+        >
+          选择学生回答
+        </div>
         <div
           class="blackButton"
           @click="selectSWork2(4)"
@@ -678,17 +848,21 @@
             (tools[steps].tools && tools[steps].tools.indexOf(29) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(13) != -1)
           "
-        >查看作业</div>
+        >
+          查看作业
+        </div>
         <div
           class="blackButton"
           @click="selectSWork2(6)"
           v-if="tools[steps].tools && tools[steps].tools.indexOf(14) != -1"
-        >查看评价</div>
-        <div
+        >
+          查看评价
+        </div>
+        <!-- <div
           class="blackButton"
           @click="selectFile"
           v-if="tools[steps].file && tools[steps].file.length"
-        >查看附件</div>
+        >查看附件</div> -->
       </div>
     </div>
     <el-dialog
@@ -699,9 +873,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div
-        style="text-align: center; padding: 20px 0 50px 0; font-size: 18px"
-      >是否让“{{ answerStudent.name }}”同学进行单独答题？</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        是否让“{{ answerStudent.name }}”同学进行单独答题？
+      </div>
       <div
         style="
           width: 200px;
@@ -715,7 +889,9 @@
           cursor: pointer;
         "
         @click="pick"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible1"
@@ -724,7 +900,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">正在开发中！</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        正在开发中！
+      </div>
       <div
         style="
           width: 200px;
@@ -738,7 +916,9 @@
           cursor: pointer;
         "
         @click="dialogVisible1 = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible2"
@@ -747,7 +927,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">课程结束后才有报告！</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        课程结束后才有报告！
+      </div>
       <div
         style="
           width: 200px;
@@ -761,7 +943,9 @@
           cursor: pointer;
         "
         @click="dialogVisible2 = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       title="倒计时"
@@ -849,8 +1033,7 @@ export default {
           file: [
             {
               name: "视频1.mp4",
-              src:
-                "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9311661413782505.mp4",
+              src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9311661413782505.mp4",
             },
           ],
         },
@@ -866,8 +1049,7 @@ export default {
           file: [
             {
               name: "视频2.mp4",
-              src:
-                "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9321661413797366.mp4",
+              src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9321661413797366.mp4",
             },
           ],
         },
@@ -938,6 +1120,8 @@ export default {
       Sname: "",
       audioUrl: "",
       timerAnswer: null,
+      videoBlock: 0,
+      Vwidth: 0,
     };
   },
   methods: {
@@ -967,13 +1151,14 @@ export default {
     },
     //uuid生成
     guid() {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (
-        c
-      ) {
-        var r = (Math.random() * 16) | 0,
-          v = c == "x" ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-      });
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function (c) {
+          var r = (Math.random() * 16) | 0,
+            v = c == "x" ? r : (r & 0x3) | 0x8;
+          return v.toString(16);
+        }
+      );
     },
     time() {
       if (!this.now) {
@@ -1133,6 +1318,15 @@ export default {
           console.error(err);
         });
     },
+    getWidth(total) {
+      this.Vwidth = total;
+      if (this.videoBlock == 9) {
+        this.videoBlock = 0;
+        setTimeout(() => {
+          this.videoBlock = 9;
+        }, 1000);
+      }
+    },
     getPage(page) {
       console.log(page);
       let params = [
@@ -1145,6 +1339,14 @@ export default {
         .then((res) => {
           this.steps = page - 1;
           this.isBlock = 0;
+          if (
+            this.tools[this.steps].file &&
+            this.tools[this.steps].file.length
+          ) {
+            this.selectFile();
+          } else {
+            this.videoBlock = 0;
+          }
         })
         .catch((err) => {
           console.error(err);
@@ -1290,17 +1492,25 @@ export default {
           this.videoList.push(b[i]);
         }
       }
-      this.isBlock = 8;
+
+      if (this.videoList.length) {
+        this.playVideo();
+      } else {
+        this.isBlock = 8;
+      }
     },
     openFile(u) {
       this.pptImgUrl = "https://view.officeapps.live.com/op/view.aspx?src=" + u;
       this.isBlock = 10;
     },
-    playVideo(u, i) {
+    playVideo() {
+      // u, i
       var d = JSON.parse(JSON.stringify(this.playerOptions));
-      d.sources[0].src = u;
+      // d.sources[0].src = u;
+      d.sources[0].src = this.videoList[0].src;
       this.playerO[0] = d;
-      this.isBlock = 9;
+      // this.isBlock = 9;
+      this.videoBlock = 9;
     },
     playVideo2(u, i) {
       this.audioUrl = u;
@@ -1402,6 +1612,7 @@ export default {
 .imgMiddle {
   width: 100%;
   height: calc(100% - 45px);
+  position: relative;
   /* max-height: 920px; */
 }
 
@@ -1867,4 +2078,15 @@ img {
   color: #fff !important;
   background: #5e78fa !important;
 }
+
+.workd_media {
+  /* width: 1497.42px; */
+  /* width: auto; */
+  height: calc(100% - 100px);
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 </style>