Sfoglia il codice sorgente

课程资源 视频无法播放问题修复

la 2 anni fa
parent
commit
b505bea00c
2 ha cambiato i file con 22 aggiunte e 23 eliminazioni
  1. 3 3
      src/pages/courseResourcesAll.vue
  2. 19 20
      src/pages/resourceMovReview.vue

+ 3 - 3
src/pages/courseResourcesAll.vue

@@ -67,7 +67,7 @@
     </div>
     <div class="common1280" style="position:relative;">
       <div class="paganationPage">
-        <el-pagination background layout="prev, pager, next, ->" :total="totalRows"  @size-change="handleChangePage" />
+        <el-pagination background layout="prev, pager, next, ->" :total="totalRows"  @current-change="handleChangePage" />
       </div>
     </div>
   </div>
@@ -226,8 +226,8 @@ import { user } from "@/store/user.js";
     },
     //翻页
     handleChangePage(val) {
-      console.log(val,"0000")
-
+      this.page = val;
+      this.initData(val);
     }
 
     },

+ 19 - 20
src/pages/resourceMovReview.vue

@@ -13,9 +13,13 @@
     <div class="common1280 vedioMain">
       <div class="vedio_titel">
         <div class="vedio_titel_left">{{ sourceDetailData.kf_name }}</div>
-        <div class="vedio_titel_right" @mouseenter="showTrue" @mouseleave="showFalse">
+        <div
+          class="vedio_titel_right"
+          @mouseenter="showTrue"
+          @mouseleave="showFalse"
+        >
           <img src="../assets/kczy/shareIcon.png" alt="" /> 分享
-          <div class="qrcodeAll" v-if="shareSwitch" >
+          <div class="qrcodeAll" v-if="shareSwitch">
             <p class="bigTit">呼唤小伙伴们前来围观吧</p>
             <div class="shareCover">
               <div class="sinaShare" @click="sinaWeiBo">
@@ -81,24 +85,17 @@
             class="vedioMainContent_left_bottom"
             v-if="transIconType == 'mp4'"
           >
-            <video controls>
-              <source
-                :src="sourceDetailData.kf_path"
-                type="video/mp4"
-              />
-              <source
-                :src="sourceDetailData.kf_path"
-                type="video/ogg"
-              />
+            <video ref='urlResouce' controls  :src="sourceDetailData.kf_path">
+              <!-- <source :src="sourceDetailData.kf_path" type="video/ogg" /> -->
             </video>
             <!-- <div class="assi">助教:沈老师</div> -->
             <div class="watchingNum">
               浏览量:{{ sourceDetailData.kf_view_num }}
             </div>
           </div>
+
           <div class="vedioMainContent_left_bottom" v-else>
-            <!-- {{prefixImg+sourceDetailData.kf_path}} -->
-            <audio controls :src="sourceDetailData.kf_path">
+            <audio ref='urlResouce' controls :src="sourceDetailData.kf_path">
               <!-- <source :src="prefixImg+sourceDetailData.kf_path" type="audio/mp3"> -->
             </audio>
             <!-- <div class="assi">助教:沈老师</div> -->
@@ -226,6 +223,7 @@ export default {
             this.sourceDetailData = res.data.one_info;
             let tempD = res.data.one_info.kf_path;
             this.typeKind = tempD.substr(tempD.lastIndexOf(".") + 1);
+            this.$refs.urlResouce.src = res.data.one_info.kf_path;
           }
         })
         .catch((error) => {
@@ -332,7 +330,7 @@ export default {
         showcount: "1" /*是否显示分享总数,显示:'1',不显示:'0' */,
         desc: "这篇文章不错,分享一下~~" /*默认分享理由(可选)*/,
         summary: "" /*分享摘要(可选)*/,
-        title: '优质课程一起围观~' /*分享标题(可选)*/,
+        title: "优质课程一起围观~" /*分享标题(可选)*/,
         site: "桐乡艺校" /*分享来源 如:腾讯网(可选)summary*/,
         pics: pic /*分享图片的路径(可选)*/,
         style: "101",
@@ -359,18 +357,19 @@ export default {
         type: "3",
         count: "1" /** 是否显示分享数,1显示(可选)*/,
         appkey: "桐乡艺校" /** 您申请的应用appkey,显示分享来源(可选)*/,
-        title: "优质课程一起围观~" /** 分享的文字内容(可选,默认为所在页面的title)*/,
+        title:
+          "优质课程一起围观~" /** 分享的文字内容(可选,默认为所在页面的title)*/,
         pic: pic,
         /**分享图片的路径(可选)*/
-        ralateUid: ""
-        /**关联用户的UID,分享微博会@该用户(可选)*/,
-        rnd: new Date().valueOf(),
+        ralateUid: "",
+        /**关联用户的UID,分享微博会@该用户(可选)*/ rnd: new Date().valueOf(),
       };
       var temp = [];
       for (var p in param) {
         temp.push(p + "=" + encodeURIComponent(param[p] || ""));
       }
-      var target_url ="http://service.weibo.com/share/share.php?" + temp.join("&");
+      var target_url =
+        "http://service.weibo.com/share/share.php?" + temp.join("&");
       window.open(target_url, "sinaweibo", "height=430, width=400");
     },
   },
@@ -415,7 +414,7 @@ export default {
         font-weight: 500;
         text-align: center;
         color: #000000;
-        margin-bottom:20px;
+        margin-bottom: 20px;
       }
       .shareCover {
         display: flex;