vue3-video-player实现倍速播放

在vue3-video-player中实现倍速播放可以通过设置`playbackRate`属性来实现。`playbackRate`属性用于控制视频的播放速度，可以设置为小数或整数值。

以下是一个示例代码，演示如何在vue3-video-player中实现倍速播放：

<template>
  <div>
    <video-player ref="videoPlayer" :options="playerOptions"></video-player>
    <button @click="changePlaybackRate(1)">正常速度</button>
    <button @click="changePlaybackRate(1.5)">1.5倍速</button>
    <button @click="changePlaybackRate(2)">2倍速</button>
  </div>
</template>

<script>
import { ref } from 'vue';
import VideoPlayer from 'vue3-video-player';

export default {
  components: {
    VideoPlayer
  },
  setup() {
    const videoPlayer = ref(null);
    const playerOptions = {
      sources: [
        {
          src: 'your_video_url',
          type: 'video/mp4'
        }
      ]
    };

    const changePlaybackRate = (rate) => {
      videoPlayer.value.player.playbackRate = rate;
    };

    return {
      videoPlayer,
      playerOptions,
      changePlaybackRate
    };
  }
};
</script>

在上述代码中，我们通过`changePlaybackRate`方法来改变播放速度。当点击不同的按钮时，会调用`changePlaybackRate`方法，并将相应的倍速值传递给它。然后，我们通过`videoPlayer.value.player.playbackRate`来设置播放速度。

请注意，上述代码中的`your_video_url`需要替换为实际的视频链接。