代码测试

src/router/router.js

@@ -4,6 +4,7 @@ import App from '../App'
 const asIndex = r => require.ensure([], () => r(require('../views/annual-summary/index')), 'annual-summary-index')
 const asShare = r => require.ensure([], () => r(require('../views/annual-summary/share')), 'annual-summary-share')
 const asDetail = r => require.ensure([], () => r(require('../views/annual-summary/detail')), 'annual-summary-detail')
+const privateVideo = r => require.ensure([], () => r(require('../views/video/private-video')), 'private-video')
 
 export default [{
   path: '/',
@@ -37,6 +38,13 @@ export default [{
       meta: {
         title: '年度报告页面（详情）'
       }
-    }
+    },
+    {
+      path: '/pri-video',
+      component: privateVideo,
+      meta: {
+        title: '视频测试页面'
+      }
+    },
   ]
 }]

src/views/video/private-video.vue

+<template>
+  <div class="private-video-wrapper">
+    <video
+      v-if="isPlay"
+      src="https://cdn.nbahooppark.com/nba-videos/1.mp4"
+      controls="controls"
+    ></video>
+    <button @click="isPlay = true">我想我是海</button>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      isPlay: false
+    }
+  },
+}
+</script>
+<style lang="less" scoped>
+.private-video-wrapper {
+
+}
+</style>
\ No newline at end of file