Implement #189

www/assets/js/player.js

@@ -58,6 +58,7 @@ var Player = function(data) {
             this.nullPlayer();
             break;
     }
+    this.load(data);
 }
 
 Player.prototype.nullPlayer = function() {
@@ -114,18 +115,22 @@ Player.prototype.initYouTube = function() {
     }
 
     this.pause = function() {
+        if(this.player.pauseVideo)
             this.player.pauseVideo();
     }
 
     this.play = function() {
+        if(this.player.playVideo)
             this.player.playVideo();
     }
 
     this.getTime = function(callback) {
+        if(this.player.getCurrentTime)
             callback(this.player.getCurrentTime());
     }
 
     this.seek = function(time) {
+        if(this.player.seekTo)
             this.player.seekTo(time, true);
     }
 }

www/assets/js/ui.js

@@ -190,6 +190,8 @@ $("#userpl_save").click(function() {
             var caret = btn.find(".caret").detach();
             btn.text($(select).text());
             caret.appendTo(btn);
+            if(PLAYER.type == "yt" && PLAYER.player.setPlaybackQuality)
+                PLAYER.player.setPlaybackQuality(VIDEOQUALITY);
         });
     }
     qualHandler("#quality_240p", "small");
@@ -199,6 +201,12 @@ $("#userpl_save").click(function() {
     qualHandler("#quality_1080p", "hd1080");
 })();
 
+$("#mediarefresh").click(function() {
+    PLAYER.type = "";
+    PLAYER.id = "";
+    socket.emit("playerReady");
+});
+
 /* playlist controls */
 
 $("#queue").sortable({

www/channel.html

@@ -156,6 +156,7 @@
                         <li><a id="quality_1080p" href="javascript:void(0)">1080p</a></li>
                       </ul>
                     </div>
+                    <button class="btn btn-small" id="mediarefresh">Refresh Media</button>
                   </div>
                   <!-- electric boogaloo -->
                   <div class="span12" id="queue_align2"></div>