写一个vue2压缩视频的例子

可以使用 `video-compressor` 插件来压缩视频，以下是一个简单的 Vue2 示例：

1. 安装插件

npm install video-compressor --save

2. 引入插件

import VideoCompressor from 'video-compressor';

3. 编写组件

<template>
  <div>
    <input type="file" @change="onFileChange" />
    <button @click="compressVideo">压缩视频</button>
    <video v-if="compressedVideo" :src="compressedVideo" controls></video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalVideo: null,
      compressedVideo: null,
    };
  },
  methods: {
    onFileChange(event) {
      this.originalVideo = event.target.files[0];
    },
    async compressVideo() {
      const compressor = new VideoCompressor();
      const compressedBlob = await compressor.compress(this.originalVideo);
      this.compressedVideo = URL.createObjectURL(compressedBlob);
    },
  },
};
</script>

4. 运行示例

在浏览器中运行该 Vue2 示例，选择一个视频文件并点击“压缩视频”按钮，会生成一个经过压缩的视频，并在页面中显示。