@techassi/vue-youtube-iframe - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

lib/vue-youtube-iframe.cjs.js

 // 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 1.0.5 build 26/1/2021
+// vue-youtube-iframe 1.0.6 build 21/3/2021
 'use strict';
@@ -96,3 +96,2 @@
     mounted() {
-        const { playerHeight, playerWidth, playerParameters, videoId } = this;
         manager.register((factory, uid) => {
@@ -103,10 +102,12 @@ const host = this.noCookie ? HOST_NO_COOKIE : HOST_COOKIE;
                 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) => {
-                            seekIfAutoplay(event.target, playerParameters);
+                            seekIfAutoplay(event.target, this.playerParameters);
                             this.$emit('ready', event);
@@ -113,0 +114,0 @@ },

lib/vue-youtube-iframe.esm.js

 // 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 1.0.5 build 26/1/2021
+// vue-youtube-iframe 1.0.6 build 21/3/2021
 import { defineComponent, h, nextTick } from 'vue';
@@ -92,3 +92,2 @@
     mounted() {
-        const { playerHeight, playerWidth, playerParameters, videoId } = this;
         manager.register((factory, uid) => {
@@ -99,10 +98,12 @@ const host = this.noCookie ? HOST_NO_COOKIE : HOST_COOKIE;
                 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) => {
-                            seekIfAutoplay(event.target, playerParameters);
+                            seekIfAutoplay(event.target, this.playerParameters);
                             this.$emit('ready', event);
@@ -109,0 +110,0 @@ },

lib/vue-youtube-iframe.global.js

 // 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 1.0.5 build 26/1/2021
+// vue-youtube-iframe 1.0.6 build 21/3/2021
 var VueYoutubeIframe = (function (exports, vue) {
@@ -93,3 +93,2 @@ 'use strict';
         mounted() {
-            const { playerHeight, playerWidth, playerParameters, videoId } = this;
             manager.register((factory, uid) => {
@@ -100,10 +99,12 @@ const host = this.noCookie ? HOST_NO_COOKIE : HOST_COOKIE;
                     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) => {
-                                seekIfAutoplay(event.target, playerParameters);
+                                seekIfAutoplay(event.target, this.playerParameters);
                                 this.$emit('ready', event);
@@ -110,0 +111,0 @@ },

lib/vue-youtube-iframe.umd.js

 // 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 1.0.5 build 26/1/2021
+// vue-youtube-iframe 1.0.6 build 21/3/2021
 (function (global, factory) {
@@ -96,3 +96,2 @@ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
         mounted() {
-            const { playerHeight, playerWidth, playerParameters, videoId } = this;
             manager.register((factory, uid) => {
@@ -103,10 +102,12 @@ const host = this.noCookie ? HOST_NO_COOKIE : HOST_COOKIE;
                     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) => {
-                                seekIfAutoplay(event.target, playerParameters);
+                                seekIfAutoplay(event.target, this.playerParameters);
                                 this.$emit('ready', event);
@@ -113,0 +114,0 @@ },

package.json

 {
     "name": "@techassi/vue-youtube-iframe",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "This plugin makes it easy to integrate the YouTube Iframe API into your Vue app. This plugin is Vue V3 compatible.",
@@ -5,0 +5,0 @@ "main": "lib/vue-youtube-iframe.umd.js",

README.md

@@ -7,3 +7,3 @@ # vue-youtube-iframe
 
-⚠️ 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:
 
@@ -17,3 +17,5 @@ The events `@ended`, `@playing`, `@paused`, `@buffering` and `@cued` will no longer be emitted. Instead you should now
 -   Support for typings across the board. In detail these are type declarations for the plugin itself as well as YouTube
-    Iframe specific typings under the namespace `YT`.
+    Iframe specific typings under the namespace `YT` from `@types/youtube` (See
+    [here](https://www.npmjs.com/package/@types/youtube) and
+    [here](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/youtube)).
 -   API complete methods for pausing, stoping and queueing videos (See
@@ -113,3 +115,3 @@ [here](https://developers.google.com/youtube/iframe_api_reference#Functions))
 ```
-@ready, @error, @stateChange
+@ready, @error, @state-change
 ```
@@ -116,0 +118,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45698

increased by0.55%

Lines of code

1119

increased by0.36%

Number of lines in readme file

127

increased by1.6%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes