Update Youtube channel to have three thumbnails

1 files changed, 35 insertions, 2 deletions

diff --git a/node_modules/montage/ui/youtube-player.reel/youtube-player.js b/node_modules/montage/ui/youtube-player.reel/youtube-player.js
index 462dca58..b49f6ae1 100644
--- a/node_modules/montage/ui/youtube-player.reel/youtube-player.js
+++ b/node_modules/montage/ui/youtube-player.reel/youtube-player.js
@@ -36,6 +36,37 @@ var YoutubePlayer = exports.YoutubePlayer = Montage.create(Component, {
         }
     },
 
+    _width: {
+        enumerable: false,
+        value: 640
+    },
+    width: {
+        get: function() {
+            return this._width;
+        },
+        set: function(value) {
+            if (this._width !== value) {
+                this._width = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+    _height: {
+        enumerable: false,
+        value: 385
+    },
+    height: {
+        get: function() {
+            return this._height;
+        },
+        set: function(value) {
+            if (this._height !== value) {
+                this._height = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
     _autoplay: {
         enumerable: false,
         value: false
@@ -47,6 +78,7 @@ var YoutubePlayer = exports.YoutubePlayer = Montage.create(Component, {
         set: function(value) {
             if (this._autoplay !== value) {
                 this._autoplay = value;
+                this.needsDraw = true;
             }
         }
     },
@@ -145,7 +177,6 @@ var YoutubePlayer = exports.YoutubePlayer = Montage.create(Component, {
 
     handleYoutubePlayerApiReady: {
         value: function(event) {
-            console.log("handleYoutubePlayerApiReady");
             document.removeEventListener("youtubePlayerApiReady", this);
 
             var self = this;
@@ -176,8 +207,10 @@ var YoutubePlayer = exports.YoutubePlayer = Montage.create(Component, {
 
                 this._player[fnName].apply(this._player, args);
             }
-
             this._playerQueue.length = 0;
+
+            this._element.width = this._width;
+            this._element.height = this._height;
         }
     }
 });
\ No newline at end of file