vue2 支持mpeg和avi的视频播放器的组件代码

Vue 2本身并不直接提供内置的HTML5 Video Player组件来支持MPEG或AVI文件，因为HTML5的video元素只支持常见的视频格式如MP4、WebM等。然而，你可以使用第三方库，如`vue-video-player`或`vue-html5-video-player`来添加视频播放功能。

以下是使用`vue-video-player`的一个简单示例：

<template>
  <div>
    <vup-video ref="videoPlayer" :src="videoUrl" controls></vup-video>
  </div>
</template>

<script>
import VupVideo from 'vue-video-player';

export default {
  components: {
    VupVideo: VupVideo,
  },
  data() {
    return {
      videoUrl: 'path/to/your/mp4/file.mp4', // 可能需要转换成支持的格式
    };
  },
};
</script>

如果你需要播放非标准格式如MPEG或AVI，可能需要借助一些库进行编码转换，例如`ffmpeg`，然后动态加载经过处理的MP4格式的URL。这通常是在服务器端完成的，而不是前端直接处理。