feat: ensure start and end parameters are used when videoId is updated (

#68)
anteriovieira · Feb 3, 2021 · 585299c · 585299c
1 parent 4f8c940
commit 585299c
Show file tree

Hide file tree

Showing 5 changed files with 54 additions and 14 deletions.
diff --git a/dist/vue-youtube.common.js b/dist/vue-youtube.common.js
@@ -1,6 +1,6 @@
 /*!
  * vue-youtube v1.4.0
- * (c) 2019 Antério Vieira
+ * (c) 2021 Antério Vieira
  * Released under the MIT License.
  */
 
@@ -140,12 +140,22 @@ var Youtube = {
         return
       }
 
+      var params = { videoId: videoId };
+
+      if (typeof this.playerVars.start === 'number') {
+        params.startSeconds = this.playerVars.start;
+      }
+
+      if (typeof this.playerVars.end === 'number') {
+        params.endSeconds = this.playerVars.end;
+      }
+
       if (this.playerVars.autoplay === 1) {
-        this.player.loadVideoById({ videoId: videoId });
+        this.player.loadVideoById(params);
         return
       }
 
-      this.player.cueVideoById({ videoId: videoId });
+      this.player.cueVideoById(params);
     },
     resizeProportionally: function resizeProportionally () {
       var this$1 = this;

diff --git a/dist/vue-youtube.esm.js b/dist/vue-youtube.esm.js
@@ -1,6 +1,6 @@
 /*!
  * vue-youtube v1.4.0
- * (c) 2019 Antério Vieira
+ * (c) 2021 Antério Vieira
  * Released under the MIT License.
  */
 
@@ -136,12 +136,22 @@ var Youtube = {
         return
       }
 
+      var params = { videoId: videoId };
+
+      if (typeof this.playerVars.start === 'number') {
+        params.startSeconds = this.playerVars.start;
+      }
+
+      if (typeof this.playerVars.end === 'number') {
+        params.endSeconds = this.playerVars.end;
+      }
+
       if (this.playerVars.autoplay === 1) {
-        this.player.loadVideoById({ videoId: videoId });
+        this.player.loadVideoById(params);
         return
       }
 
-      this.player.cueVideoById({ videoId: videoId });
+      this.player.cueVideoById(params);
     },
     resizeProportionally: function resizeProportionally () {
       var this$1 = this;

diff --git a/dist/vue-youtube.js b/dist/vue-youtube.js
@@ -1,6 +1,6 @@
 /*!
  * vue-youtube v1.4.0
- * (c) 2019 Antério Vieira
+ * (c) 2021 Antério Vieira
  * Released under the MIT License.
  */
 
@@ -142,12 +142,22 @@ var Youtube = {
         return
       }
 
+      var params = { videoId: videoId };
+
+      if (typeof this.playerVars.start === 'number') {
+        params.startSeconds = this.playerVars.start;
+      }
+
+      if (typeof this.playerVars.end === 'number') {
+        params.endSeconds = this.playerVars.end;
+      }
+
       if (this.playerVars.autoplay === 1) {
-        this.player.loadVideoById({ videoId: videoId });
+        this.player.loadVideoById(params);
         return
       }
 
-      this.player.cueVideoById({ videoId: videoId });
+      this.player.cueVideoById(params);
     },
     resizeProportionally: function resizeProportionally () {
       var this$1 = this;

diff --git a/dist/vue-youtube.min.js b/dist/vue-youtube.min.js
diff --git a/src/vue-youtube.js b/src/vue-youtube.js
@@ -77,12 +77,22 @@ export default {
         return
       }
 
+      const params = { videoId: videoId }
+
+      if (typeof this.playerVars.start === 'number') {
+        params.startSeconds = this.playerVars.start
+      }
+
+      if (typeof this.playerVars.end === 'number') {
+        params.endSeconds = this.playerVars.end
+      }
+
       if (this.playerVars.autoplay === 1) {
-        this.player.loadVideoById({ videoId })
+        this.player.loadVideoById(params)
         return
       }
 
-      this.player.cueVideoById({ videoId })
+      this.player.cueVideoById(params)
     },
     resizeProportionally () {
       this.player.getIframe().then(iframe => {
@@ -133,7 +143,7 @@ export default {
     window.YTConfig = {
       host: 'https://www.youtube.com/iframe_api'
     }
-    
+
     const host = this.nocookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com'
 
     this.player = player(this.$el, {