I'm using Plyr for my Vue-app, but for some reason I cannot make it initialize the autoplay if it is set to true. Here is my code:

<div class="vue-plyr--wrapper">
  <div ref="player" :data-plyr-provider="type" v-bind:data-plyr-embed-id="src.src"></div>
</div>

export default {
 props: {
  src: {
    default: ''
  },
  type: {
    default: 'image'
   },
  autoplay: {
    type: Boolean,
    default: false,
  },
  mute: {
    type: Boolean,
    default: false,
  }
 },
data: () => ({
  started: false
}),
async mounted () {
  await this.$nextTick()

  await new Promise(resolve => setTimeout(resolve, 1000))

  this.$options.player = new Plyr(this.$refs.player, {
    resetOnEnd: true,
    speed: { selected: 1, options: [] },
    muted: this.autoplay ? true : this.mute,
    autoplay: this.autoplay
   })
 },
}

Can someone maybe tell me what I'm doing wrong?