vue使用video

Vue可以使用Video.js来实现视频播放功能。首先，你需要在Vue项目中安装video.js。可以通过在main.js文件中导入Video.js并在Vue的原型上注册Video实例来实现。具体的步骤如下：

1. 在main.js文件中导入Video.js和其样式：

   import Video from 'video.js'
   import 'video.js/dist/video-js.css'

2. 将Video实例注册到Vue的原型上：

   Vue.prototype.$video = Video

3. 在Vue的组件中使用Video.js播放器：

   <template>
     <div>
       <video ref="video" class="video-js vjs-default-skin" width="600" height="400" controls>
         <source src="https://playtv-live.ifeng.com/live/06OLEGEGM4G.m3u8" />
       </video>
     </div>
   </template>

   <script>
   export default {
     mounted() {
       this.player = this.$video(this.$refs.video);
     },
   }
   </script>

在上述代码中，你可以看到我们在模板中使用了`<video>`标签，并使用了Video.js提供的样式类`video-js`。在mounted钩子函数中，我们将Video实例赋值给了`this.player`，以便在需要的时候操作视频播放器。
<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>