更换视频和封面

pages/courseware/index.vue

@@ -12,12 +12,12 @@
         <h5 class="client-subtitle-title">微课内容短小精悍，利用碎片化时间，随时随地轻松学习。主要的展现形式有：长图文、视频、H5交互等</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9f25da7a5285890792886164670/v.f30.mp4"></a><div><span><img :src="courseVideoImg7" alt="长图文类微课"><i @click="playVideo(6)"></i></span><p>长图文类微课</p></div></li>
-            <li><a href="https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4"></a><div><span><img :src="courseVideoImg8" alt="视频类微课"><i @click="playVideo(7)"></i></span><p>视频类微课</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/650aa7e15285890792885993830/v.f30.mp4"></a><div><span><img :src="courseVideoImg9" alt="H5交互微课"><i @click="playVideo(8)"></i></span><p>H5交互微课</p></div></li>
-            <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9c2e210d5285890793118303376/v.f30.mp4"></a><div><span><img :src="courseVideoImg10" alt="情景动画类微课"><i @click="playVideo(9)"></i></span><p>情景动画类微课</p></div></li>
-            <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ee031e15285890792886129559/v.f30.mp4"></a><div><span><img :src="courseVideoImg11" alt="图文类微课"><i @click="playVideo(10)"></i></span><p>图文类微课</p></div></li>
-            <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9a582fcf5285890793118274335/v.f30.mp4"></a><div><span><img :src="courseVideoImg12" alt="PPT微课"><i @click="playVideo(11)"></i></span><p>PPT微课</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/29a20b10-17cda4c5984/29a20b10-17cda4c5984.mp4"></a><div><span><img :src="courseVideoImg7" alt="长图文类微课"><i @click="playVideo(6)"></i></span><p>长图文类微课</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/cdca1c2-17cda4c9aa8/cdca1c2-17cda4c9aa8.mp4"></a><div><span><img :src="courseVideoImg8" alt="视频类微课"><i @click="playVideo(7)"></i></span><p>视频类微课</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/5df7512b-17cda4da5c6/5df7512b-17cda4da5c6.mp4"></a><div><span><img :src="courseVideoImg9" alt="H5交互微课"><i @click="playVideo(8)"></i></span><p>H5交互微课</p></div></li>
+            <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/sv/3c2859ea-17cda4e2bfb/3c2859ea-17cda4e2bfb.mp4"></a><div><span><img :src="courseVideoImg10" alt="情景动画类微课"><i @click="playVideo(9)"></i></span><p>情景动画类微课</p></div></li>
+            <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/sv/554afe4-17cda4eeb76/554afe4-17cda4eeb76.mp4"></a><div><span><img :src="courseVideoImg11" alt="图文类微课"><i @click="playVideo(10)"></i></span><p>图文类微课</p></div></li>
+            <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/sv/205ab448-17cda4f2cfb/205ab448-17cda4f2cfb.mp4"></a><div><span><img :src="courseVideoImg12" alt="PPT微课"><i @click="playVideo(11)"></i></span><p>PPT微课</p></div></li>
           </ul>
           <a class="free-trial-default-btn" @click="onlineFun">在线咨询</a>
         </div>
@@ -29,12 +29,12 @@
         <h5 class="client-subtitle-title">E-learning课程，顾名思义就是应用于E-learning平台学习的课程内容。主要的展现形式有：两分屏、三分屏、电子杂志、动画课程、视频实拍等</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cce7bfa5285890792886060567/v.f30.mp4"></a><div><span><img :src="courseVideoImg1" alt="两分屏类E-Learning课程"><i @click="playVideo(0)"></i></span><p>两分屏类E-Learning课程</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ccefbfc5285890792886061298/v.f30.mp4"></a><div><span><img :src="courseVideoImg2" alt="三分屏类E-Learning课程"><i @click="playVideo(1)"></i></span><p>三分屏类E-Learning课程</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9eeef6ee5285890792886133302/v.f30.mp4"></a><div><span><img :src="courseVideoImg3" alt="电子杂志类E-Learning课程"><i @click="playVideo(2)"></i></span><p>电子杂志类E-Learning课程</p></div></li>
-            <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/64f88fc65285890792885983863/v.f30.mp4"></a><div><span><img :src="courseVideoImg4" alt="FLASH图文类E-Learning课程"><i @click="playVideo(3)"></i></span><p>FLASH图文类E-Learning课程</p></div></li>
-            <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cc1569e5285890792886059626/v.f30.mp4"></a><div><span><img :src="courseVideoImg5" alt="FLASH交互类E-Learning课程"><i @click="playVideo(4)"></i></span><p>FLASH交互类E-Learning课程</p></div></li>
-            <li class="mta-hidden-xs"><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce0a1a35285890792886070899/v.f30.mp4"></a><div><span><img :src="courseVideoImg6" alt="视频类E-Learning课程"><i @click="playVideo(5)"></i></span><p>视频类E-Learning课程</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/4162daec-17cda52baba/4162daec-17cda52baba.mp4"></a><div><span><img :src="courseVideoImg1" alt="两分屏类E-Learning课程"><i @click="playVideo(0)"></i></span><p>两分屏类E-Learning课程</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/5b460c4c-17cda533388/5b460c4c-17cda533388.mp4"></a><div><span><img :src="courseVideoImg2" alt="三分屏类E-Learning课程"><i @click="playVideo(1)"></i></span><p>三分屏类E-Learning课程</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/3c148760-17cda537210/3c148760-17cda537210.mp4"></a><div><span><img :src="courseVideoImg3" alt="电子杂志类E-Learning课程"><i @click="playVideo(2)"></i></span><p>电子杂志类E-Learning课程</p></div></li>
+            <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/sv/3c2068a6-17cda53f17b/3c2068a6-17cda53f17b.mp4"></a><div><span><img :src="courseVideoImg4" alt="图文类E-Learning课程"><i @click="playVideo(3)"></i></span><p>图文类E-Learning课程</p></div></li>
+            <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/sv/498cdb2d-17cda54d484/498cdb2d-17cda54d484.mp4"></a><div><span><img :src="courseVideoImg5" alt="交互类E-Learning课程"><i @click="playVideo(4)"></i></span><p>交互类E-Learning课程</p></div></li>
+            <li class="mta-hidden-xs"><a href="https://spdb.mtavip.com/sv/34b08c82-17cda553df7/34b08c82-17cda553df7.mp4"></a><div><span><img :src="courseVideoImg6" alt="视频类E-Learning课程"><i @click="playVideo(5)"></i></span><p>视频类E-Learning课程</p></div></li>
           </ul>
           <a class="free-trial-default-btn" @click="onlineFun">在线咨询</a>
         </div>
@@ -46,9 +46,9 @@
         <h5 class="client-subtitle-title">宣传片是宣传企业形象的最好手段之一。宣传片从内容上分主要有两种，企业形象片、产品直销片。主要的展现形式有：手绘动画、MG动画、视频实拍等</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce2c5775285890792886074523/v.f30.mp4"></a><div><span><img :src="courseVideoImg13" alt="手绘动画类宣传片"><i @click="playVideo(12)"></i></span><p>手绘动画类宣传片</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cbfaddf5285890792886056576/v.f30.mp4"></a><div><span><img :src="courseVideoImg14" alt="MG动画类宣传片"><i @click="playVideo(13)"></i></span><p>MG动画类宣传片</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9eed5aaf5285890792886130531/v.f30.mp4"></a><div><span><img :src="courseVideoImg15" alt="视频类宣传片"><i @click="playVideo(14)"></i></span><p>视频类宣传片</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/349687e2-17cda57ca5a/349687e2-17cda57ca5a.mp4"></a><div><span><img :src="courseVideoImg13" alt="手绘动画类宣传片"><i @click="playVideo(12)"></i></span><p>手绘动画类宣传片</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/4cde2a32-17cda58370d/4cde2a32-17cda58370d.mp4"></a><div><span><img :src="courseVideoImg14" alt="MG动画类宣传片"><i @click="playVideo(13)"></i></span><p>MG动画类宣传片</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/8fd9bd-17cda58745c/8fd9bd-17cda58745c.mp4"></a><div><span><img :src="courseVideoImg15" alt="视频类宣传片"><i @click="playVideo(14)"></i></span><p>视频类宣传片</p></div></li>
           </ul>
           <a class="free-trial-default-btn" @click="onlineFun">在线咨询</a>
         </div>
@@ -60,9 +60,9 @@
         <h5 class="client-subtitle-title">利用动画模拟故事场景展现主题，让故事更加形象、生动，充满趣味化，让观众轻松理解、深刻记忆。</h5>
         <div class="client-container tc">
           <ul class="learn-box-list">
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9cc031355285890792886057331/v.f30.mp4"></a><div><span><img :src="courseVideoImg16" alt="儿歌动画"><i @click="playVideo(15)"></i></span><p>儿歌动画</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9f121cdd5285890792886151677/v.f30.mp4"></a><div><span><img :src="courseVideoImg17" alt="故事教学"><i @click="playVideo(16)"></i></span><p>故事教学</p></div></li>
-            <li><a href="https://1251882694.vod2.myqcloud.com/51d57535vodtransgzp1251882694/9ce35f5f5285890792886075881/v.f30.mp4"></a><div><span><img :src="courseVideoImg18" alt="过场动画"><i @click="playVideo(17)"></i></span><p>过场动画</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/4f8ffed2-17cda5c13ae/4f8ffed2-17cda5c13ae.mp4"></a><div><span><img :src="courseVideoImg16" alt="儿歌动画"><i @click="playVideo(15)"></i></span><p>儿歌动画</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/3f801e53-17cda5c6820/3f801e53-17cda5c6820.mp4"></a><div><span><img :src="courseVideoImg17" alt="故事教学"><i @click="playVideo(16)"></i></span><p>故事教学</p></div></li>
+            <li><a href="https://spdb.mtavip.com/sv/1abd37cf-17cda5cbed8/1abd37cf-17cda5cbed8.mp4"></a><div><span><img :src="courseVideoImg18" alt="过场动画"><i @click="playVideo(17)"></i></span><p>过场动画</p></div></li>
           </ul>
           <a class="free-trial-default-btn" @click="onlineFun">在线咨询</a>
         </div>
@@ -210,64 +210,64 @@
         title:'',
         videoArray:[
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/3d714c3c-174708975d8-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/4162daec-17cda52baba/4162daec-17cda52baba.mp4',
             fotterText:'教师视频与讲课PowerPoint课件一并摄制下来生成的课件，因此被称为‘二分屏’课件。',
             title:'两分屏类E-Learning课程',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1ddbed8f-17470897f92-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/5b460c4c-17cda533388/5b460c4c-17cda533388.mp4',
             fotterText:'是把教师视频与PowerPoint课件一并摄制下来，生成电脑格式的文件，通过Windows系统里的IE浏览器进行播放',
             title:'三分屏类E-Learning课程',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/35f356f6-17470879c83-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/3c148760-17cda537210/3c148760-17cda537210.mp4',
             fotterText:'兼具了平面与互联网两者的特点，且融入了图像、文字、声音、视频、游戏等相互动态结合来呈现给读者',
             title:'电子杂志类E-Learning课程',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/42d3f2e8-17470860cff-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/3c2068a6-17cda53f17b/3c2068a6-17cda53f17b.mp4',
             fotterText:'主要以图片的形式表现教学者的作用和教与学之间的关系，从而改变教育的本质',
-            title:'FLASH图文类E-Learning课程',
+            title:'图文类E-Learning课程',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/18d95d93-17470860cfb-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/498cdb2d-17cda54d484/498cdb2d-17cda54d484.mp4',
             fotterText:'是可以操作互动的教学，简单的比较，交互式是游戏',
-            title:'FLASH交互类E-Learning课程',
+            title:'交互类E-Learning课程',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/359ee794-17470899bcf-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/34b08c82-17cda553df7/34b08c82-17cda553df7.mp4',
             fotterText:'以视频的形式表现出要授予的课程内容',
             title:'视频类E-Learning课程',
           },
           //微课程
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/4f1c04ef-174708abedf-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/29a20b10-17cda4c5984/29a20b10-17cda4c5984.mp4',
             fotterText:'是通过图片发布文字信息的一种形式',
             title:'长图文类微课',
           },
           {
-            url:'https://spdb.mtavip.com/65615d29a5da4478b8d4ebfd6810d2da/65ab43fa5fb942aab2af981c2f7ea5c7-da005714eae365940692db31fbf6e9b8-fd.mp4',
+            url:'https://spdb.mtavip.com/sv/cdca1c2-17cda4c9aa8/cdca1c2-17cda4c9aa8.mp4',
             fotterText:'以简短视频的形式讲授一两个知识点，没有复杂的课程体',
             title:'视频类微课',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/13a4929d-17470860cf9-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/5df7512b-17cda4da5c6/5df7512b-17cda4da5c6.mp4',
             fotterText:'指页面内可以包含图片、链接，甚至音乐、程序等非文字元素互动教学',
             title:'H5交互微课',
           },
 
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1eb213bd-17470897778-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/3c2859ea-17cda4e2bfb/3c2859ea-17cda4e2bfb.mp4',
             fotterText:'以故事情景引出产品内容的介绍',
             title:'情景动画类微课',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/a262a7b-174708aa838-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/554afe4-17cda4eeb76/554afe4-17cda4eeb76.mp4',
             fotterText:'主要以图片的形式表现，图片有手绘原素相结合，更加明确的展示了课程的内容',
             title:'图文类微课',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/ef9b83b-17470860d19-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/205ab448-17cda4f2cfb/205ab448-17cda4f2cfb.mp4',
             fotterText:'主要是以教师根据教学内容PPT进行假想授课',
             title:'PPT微课',
           },
@@ -276,33 +276,33 @@
 
           //宣传片
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/1c896f73-174708a6de4-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/349687e2-17cda57ca5a/349687e2-17cda57ca5a.mp4',
             fotterText:'一张张手绘画出来制作合成动画形式',
             title:'手绘动画类宣传片',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/57b79278-17470860d16-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/4cde2a32-17cda58370d/4cde2a32-17cda58370d.mp4',
             fotterText:'是平面设计与动画片之间的一种产物，MG的重点是非叙述性非具象化的视觉表现形式，节奏感更强，动画的流畅与每屏之前的衔接性更好',
             title:'MG动画类宣传片',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/39296d0d-174708a6aea-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/8fd9bd-17cda58745c/8fd9bd-17cda58745c.mp4',
             fotterText:'以拍摄视频的形式呈现出企业的介绍和产品宣传',
             title:'视频类宣传片',
           },
           // 情景动画
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/159fac7b-17470879c88-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/4f8ffed2-17cda5c13ae/4f8ffed2-17cda5c13ae.mp4',
             fotterText:'以经典儿歌结合动画表达出课程要讲授的内容',
             title:'儿歌动画',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/13f16002-1747088d2a9-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/3f801e53-17cda5c6820/3f801e53-17cda5c6820.mp4',
             fotterText:'是教师在课堂上根据所讲授的内容穿插些相关的简明、短小故事、以说明注解强调所讲内容',
             title:'故事教学',
           },
           {
-            url:'https://spdb.mtavip.com/customerTrans/87321d8a03805711940e85451d6bcb0a/113211bf-1747089269d-0006-732a-c93-687b7.mp4',
+            url:'https://spdb.mtavip.com/sv/1abd37cf-17cda5cbed8/1abd37cf-17cda5cbed8.mp4',
             fotterText:'以情景动画形式丰富多样，游戏化教学和精美动画相结合',
             title:'过场动画',
           },