hh

src/views/record/videoDetail.vue

@@ -3,9 +3,7 @@
     <el-row>
       <el-col :span="24" class="info">
         <el-col :span="24" class="video">
-          <video :id="tcPlayerId" preload="auto" controls="controls" style="height: 200px; width: 100%;" playsinline webkit-playsinline>
-            您的浏览器不支持 video 标签。
-          </video>
+          <video :id="tcPlayerId" controls="controls" style="height: 200px; width: 100%;" playsinline webkit-playsinline></video>
         </el-col>
         <el-col :span="24" class="chat">
           <van-col :span="24">
@@ -77,7 +75,6 @@ export default {
       const playerParm = {
         fileID: this.fileid,
         appID: '1259120186',
-        autoplay: true,
       };
       console.log(playerParm);
       setTimeout(() => {
@@ -91,11 +88,7 @@ export default {
     loadTcScript(callback) {
       this.loadScript(callback, {
         id: 'tcPlayerScriptId',
-        url: 'https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.js',
-      });
-      this.loadScript(callback, {
-        id: 'hlscriptId',
-        url: 'https://imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.13.2m.js',
+        url: 'https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.v4.1.min.js',
       });
     },
     loadScript(callback, params) {
@@ -139,9 +132,8 @@ export default {
   },
 };
 </script>
-
+@import url('https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.css');
 <style lang="less" scoped>
-@import url('//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.css');
 .info {
   padding: 10px;
   .video {