Estoy usando Plyr para mi aplicación Vue , pero por alguna razón no puedo hacer que inicialice la reproducción automática si está configurada como verdadera. Aquí está mi código:

 <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 }) }, }

¿Alguien puede decirme qué estoy haciendo mal?