hh

src/views/record/videoDetail.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="24" class="info">
         <el-col :span="24" class="video">
-          <video :id="tcPlayerId" controls="controls" style="height: 200px; width: 100%;" playsinline webkit-playsinline></video>
+          <video :id="tcPlayerId" preload="auto" height="200" width="375" playsinline webkit-playsinline></video>
         </el-col>
         <el-col :span="24" class="chat">
           <van-col :span="24">
@@ -75,6 +75,7 @@ export default {
       const playerParm = {
         fileID: this.fileid,
         appID: '1259120186',
+        autoplay: false,
       };
       console.log(playerParm);
       setTimeout(() => {
@@ -88,7 +89,7 @@ export default {
     loadTcScript(callback) {
       this.loadScript(callback, {
         id: 'tcPlayerScriptId',
-        url: 'https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.v4.1.min.js',
+        url: '//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.js',
       });
     },
     loadScript(callback, params) {
@@ -132,7 +133,7 @@ export default {
   },
 };
 </script>
-@import url('https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.min.css');
+@import url('//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.css');
 <style lang="less" scoped>
 .info {
   padding: 10px;