avi格式的视频播放

Question

我需要在vue的pc端项目中播放avi和mp4格式的视频，我应该选择哪个播放器插件或者有没有什么办法可以实现这个功能

Answer 1

用 HTML5 视频标签配合 video.js 这样的播放器插件，比如：

<template>
  <div>
    <video ref="videoPlayer" class="video-js"></video>
  </div>
</template>

<script>
import videojs from 'video.js';

export default {
  mounted() {
    this.player = videojs(this.$refs.videoPlayer, {
      controls: true,
      sources: [{
        src: 'path/to/your/video.mp4',
        type: 'video/mp4'
      }]
    });
  },
  beforeDestroy() {
    if (this.player) {
      this.player.dispose();
    }
  }
};
</script>