Add second parameter to changeSource to allow changing the poster as …

…well
stylehatch · Nov 4, 2016 · 6059132 · 6059132
1 parent 89b3c29
commit 6059132
Show file tree

Hide file tree

Showing 4 changed files with 61 additions and 5 deletions.
diff --git a/dist/vidim.js b/dist/vidim.js
@@ -1,6 +1,6 @@
 /* 
  * vidim v1.0.0
- * 2016-11-03T14:17:43.707Z
+ * 2016-11-04T00:33:53.043Z
  * https://github.com/OriginalEXE/vidim 
  * 
  * Made by Ante Sepic 
@@ -548,6 +548,8 @@ var html5Provider = function (vidim) {
      * @param {Object} src Hash of video types and sources
      */
     changeSource: function changeSource(src) {
+      var newPoster = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
 
       this.el.innerHTML = '';
 
@@ -570,6 +572,18 @@ var html5Provider = function (vidim) {
 
         this.el.currentTime = this._options.startAt;
       }
+
+      if (newPoster) {
+
+        var oldPoster = this._options.poster;
+
+        if (-1 !== this.wrapper.style.backgroundImage.indexOf(oldPoster)) {
+
+          this.wrapper.style.backgroundImage = 'url(\'' + newPoster + '\')';
+        }
+
+        this._options.poster = newPoster;
+      }
     },
 
     /**
@@ -956,6 +970,8 @@ var YouTubeProvider = function (vidim) {
      * @param {Object} src Hash of video types and sources
      */
     changeSource: function changeSource(src) {
+      var newPoster = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
 
       if (11 === src.length) {
 
@@ -977,6 +993,18 @@ var YouTubeProvider = function (vidim) {
       this.player.loadPlaylist(this.videoID, 0, this._options.startAt, this._options.quality);
 
       this.player.setLoop(this._options.loop);
+
+      if (newPoster) {
+
+        var oldPoster = this._options.poster;
+
+        if (-1 !== this.wrapper.style.backgroundImage.indexOf(oldPoster)) {
+
+          this.wrapper.style.backgroundImage = 'url(\'' + newPoster + '\')';
+        }
+
+        this._options.poster = newPoster;
+      }
     },
 
     /**

diff --git a/dist/vidim.min.js b/dist/vidim.min.js
diff --git a/src/providers/html5.js b/src/providers/html5.js
@@ -308,7 +308,7 @@ export default function( vidim ) {
      * Changes the source of the current video
      * @param {Object} src Hash of video types and sources
      */
-    changeSource: function( src ) {
+    changeSource: function( src, newPoster = false ) {
 
       this.el.innerHTML = '';
 
@@ -335,6 +335,20 @@ export default function( vidim ) {
 
       }
 
+      if ( newPoster ) {
+
+        var oldPoster = this._options.poster;
+
+        if ( -1 !== this.wrapper.style.backgroundImage.indexOf( oldPoster ) ) {
+
+          this.wrapper.style.backgroundImage = `url('${newPoster}')`;
+
+        }
+
+        this._options.poster = newPoster;
+
+      }
+
     },
 
     /**

diff --git a/src/providers/youtube.js b/src/providers/youtube.js
@@ -346,7 +346,7 @@ export default function( vidim ) {
      * Changes the source of the current video
      * @param {Object} src Hash of video types and sources
      */
-    changeSource: function( src ) {
+    changeSource: function( src, newPoster = false ) {
 
       if ( 11 === src.length ) {
 
@@ -378,6 +378,20 @@ export default function( vidim ) {
 
       this.player.setLoop( this._options.loop );
 
+      if ( newPoster ) {
+
+        var oldPoster = this._options.poster;
+
+        if ( -1 !== this.wrapper.style.backgroundImage.indexOf( oldPoster ) ) {
+
+          this.wrapper.style.backgroundImage = `url('${newPoster}')`;
+
+        }
+
+        this._options.poster = newPoster;
+
+      }
+
     },
 
     /**