player.ts: Fixed playerVars passing to player

player.ts didn't pass the playerVars / playerParameters correctly which caused the player to ignore these parameters.

Author: Techassi

README.md

@@ -4,7 +4,7 @@ This plugin makes it easy to integrate the YouTube Iframe API into your Vue app.
 
 ## Notice
 
-⚠️ The new version `1.0.5` (rewritten in Typescript) introduces the following breaking change:
+⚠️ The new version `1.0.6` (rewritten in Typescript) introduces the following breaking change:
 
 The events `@ended`, `@playing`, `@paused`, `@buffering` and `@cued` will no longer be emitted. Instead you should now
 use `@state-change` to catch the events when the player state changes. This better represents the behaviour of the

rollup.config.js

@@ -6,7 +6,7 @@ const now = new Date();
 const banner = `// Copyright (c) 2020-present Techassi
 // Use of this source code is governed by a MIT-style
 // license that can be found in the LICENSE file.
-// vue-youtube-iframe ${version} build ${now.getUTCDate()}/${now.getUTCMonth()}/${now.getUTCFullYear()}`;
+// vue-youtube-iframe ${version} build ${now.getUTCDate()}/${now.getUTCMonth() + 1}/${now.getUTCFullYear()}`;
 
 export default {
     input: './src/index.ts',

src/player.ts

@@ -44,22 +44,22 @@ const player = defineComponent({
         return h('div', { class: ['vue-youtube-iframe'] }, [h('div', { id: this.elementId })]);
     },
     mounted() {
-        const { playerHeight, playerWidth, playerParameters, videoId } = this;
-
         manager.register((factory, uid) => {
             const host = this.noCookie ? HOST_NO_COOKIE : HOST_COOKIE;
             this.elementId = uid;
 
             nextTick().then(() => {
                 this.playerInstance = createPlayer(factory, this.elementId, {
-                    width: playerWidth,
-                    height: playerHeight,
-                    ...playerParameters,
-                    videoId,
+                    width: this.playerWidth,
+                    height: this.playerHeight,
+                    playerVars: {
+                        ...this.playerParameters,
+                    },
+                    videoId: this.videoId,
                     host,
                     events: {
                         onReady: (event: YT.PlayerEvent) => {
-                            seekIfAutoplay(event.target, playerParameters);
+                            seekIfAutoplay(event.target, this.playerParameters);
                             this.$emit('ready', event);
                         },
                         onStateChange: (event: YT.OnStateChangeEvent) => {