diff --git a/client/public/index.html b/client/public/index.html
index fa2be91..432ad6d 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -6,12 +6,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
+    <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/tcplayer.min.css" rel="stylesheet">
+    <!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 格式的视频，需要在 tcplayer.v4.2.min.js 之前引入 hls.min.0.13.2m.js。-->
+    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/libs/hls.min.0.13.2m.js"></script>
+    <!--播放器脚本文件-->
+    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.0/tcplayer.v4.5.0.min.js"></script>
+
   </head>
   <body>
     <noscript>
       <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
-    <!-- built files will be auto injected -->
+
   </body>
 </html>
diff --git a/client/src/api/video.js b/client/src/api/video.js
index eef165e..4ec4bc3 100644
--- a/client/src/api/video.js
+++ b/client/src/api/video.js
@@ -43,10 +43,17 @@ export function getVideo(id) {
   })
 }
 
+export function getVideoPlayCode(id) {
+  return request({
+    url: `/vod/playcode/${id}/`,
+    method: 'get'
+  })
+}
+
 export function getMyView(id, data) {
   return request({
     url: `/vod/video/${id}/myview/`,
     method: 'put',
     data
   })
-}
\ No newline at end of file
+}
diff --git a/client/src/views/testvideo/index.vue b/client/src/views/testvideo/index.vue
index 6921c99..5b4a5a4 100644
--- a/client/src/views/testvideo/index.vue
+++ b/client/src/views/testvideo/index.vue
@@ -25,7 +25,10 @@
         <div class="videoDetailWrap">
           <el-col class="firstLineDetail">
             <div class="firstLineText">{{ video.name }}</div>
-            <el-button class="firstLineBtn" type="error" icon="el-icon-view">{{video.viewsp}}</el-button>
+            <div>
+              <el-button class="firstLineBtn" type="error" icon="el-icon-view">{{video.views}}</el-button>
+              <el-button class="firstLineBtn" type="error" icon="el-icon-s-custom">{{video.viewsp}}</el-button>
+            </div>
           </el-col>
           <div style="font-size: 15px">
             <span>视频描述：{{ video.description }}</span>
