Improved mobile and desktop

- Showing correct button on mobile
- Showing and hiding player-element on play/pause on mobile
- Improved playback on desktop, not stopping videoes if they're skipped while one is loading/buffering
- Small player visual-fixes on mobile

server/public/assets/css/style.css

@@ -2976,7 +2976,10 @@ nav ul li:hover, nav ul li.active {
         height: calc(30vh);
         bottom: -33px !important;
         top: initial;
-        display: none !important;
+        width: 100vw;
+        height: 200px;
+        pointer-events: all;
+        display: none;
     }
 
     #wrapper{
@@ -3080,6 +3083,7 @@ nav ul li:hover, nav ul li.active {
     #player{
         height: calc(100%);
         display:none;
+        width: 100vw;
     }
 
     .hide-on-small-only{

server/public/assets/js/embed.js

@@ -9,6 +9,7 @@ var socket_connected = false;
 var dynamicListeners = {};
 var player_ready = false;
 var previousSoundcloud;
+var buffering = false;
 var empty_clear = false;
 var fix_too_far = false;
 var beginning = false;
@@ -79,10 +80,8 @@ function receiveMessage(event) {
 
 window.addEventListener("message", receiveMessage, false);
 window.addEventListener("DOMContentLoaded", function() {
-  console.log("Loaded DOMContent");
 })
 window.addEventListener("load", function() {
-  console.log("Window loaded");
   if(hash.length >= 3 && hash[2] == "autoplay"){
       autoplay = true;
       Helper.css("#player", "visibility", "hidden");

server/public/assets/js/listeners.js

@@ -11,6 +11,7 @@ var dynamicListeners = {};
 var socket_connected = false;
 var hasadmin = 0;
 var soundcloud_loading = false;
+var buffering = false;
 var list_html = document.querySelectorAll("#list-song-html").length > 0 ? document.querySelector("#list-song-html").innerHTML : undefined;
 var unseen 			   	  		= false;
 var searching 		   	  		= false;
@@ -21,7 +22,7 @@ var _kWay = "38384040373937396665";
 var _kT = "";
 var _kDone = false;
 var music 			   	  		= 0;
-var was_stopped = false;
+var was_stopped = Helper.mobilecheck() ? true : false;
 var timed_remove_check;
 var slider_type = Helper.mobilecheck() ? "vertical" : "horizontal";
 var programscroll = false;

server/public/assets/js/player.js

@@ -77,8 +77,8 @@ var Player = {
         if(obj.np != undefined && !offline) {
             seekTo     = (time - conf.startTime) + Player.np.start;
             Player.getTitle(song_title, viewers);
-            if(((embed && autoplay) || !embed) && !was_stopped && !client) {
-                //console.log(embed, autoplay);
+            if(((embed && autoplay) || !embed) && (!was_stopped || buffering) && !client) {
+                buffering = false;
                 Helper.log(["loadVideoById \nwas_stopped="+was_stopped+"\noffline="+offline])
                 Player.loadVideoById(Player.np.id, duration, Player.np.start, Player.np.end);
             } else if(!client) {
@@ -115,7 +115,6 @@ var Player = {
             Helper.log(["getVideoUrl(): " + Player.player.getVideoUrl().split('v=')[1]]);
         } catch(e){}
         Helper.log(["video_id variable: " + video_id]);
-
         switch(newState.data) {
             case YT.PlayerState.UNSTARTED:
                 break;
@@ -148,6 +147,10 @@ var Player = {
 
                     //}
                 }
+                if(Helper.mobilecheck()) {
+                    Helper.css("#player", "display", "block");
+                    Helper.css("#player", "pointer-events", "all");
+                }
                 Helper.css("#playpause", "visibility", "visible");
                 Helper.css("#playpause", "pointer-events", "all");
                 playing = true;
@@ -164,6 +167,7 @@ var Player = {
                     if(document.getElementById("pause").className.split(" ").length == 2)
                         Helper.toggleClass("#pause", "hide");
                 }
+                buffering = false;
                 if((paused || was_stopped) && !offline) {
                     /*var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
                     if(u == undefined) u = "";*/
@@ -193,8 +197,14 @@ var Player = {
                         mobile_beginning = true;
                     }
                 }
+                if(Helper.mobilecheck()) {
+                    Helper.css("#player", "display", "none");
+                    Helper.css("#player", "pointer-events", "none");
+                }
                 break;
             case YT.PlayerState.BUFFERING:
+                //was_stopped = false;
+                buffering = true;
                 break;
         }
     },
@@ -325,6 +335,7 @@ var Player = {
         } catch(e) {
             console.error("Woops this seems to be the first song in the channel. This will be fixed.. soon.. we think..");
         }
+
         Helper.css(document.getElementById("player_overlay"), "background-size", "auto");
         Helper.css(document.getElementById("player_overlay"), "background-position", "20%");
         Helper.css(document.getElementById("player_overlay"), "background-color", "#2d2d2d");
@@ -371,6 +382,7 @@ var Player = {
                 Helper.css(document.getElementById("player_overlay"), "background",  "none");
                 Helper.addClass("#player_overlay_text", "hide");
                 Helper.addClass(document.getElementById("player_overlay"), "hide");
+                Helper.css(document.getElementById("player_overlay"), "display", "none !important");
                 if(embed) {
                     Helper.css("#player", "visibility", "visible");
                 }
@@ -382,7 +394,6 @@ var Player = {
                     }
                 } catch(e) {
                 }
-                was_stopped = false;
             }
         }
         if(offline) {
@@ -405,6 +416,9 @@ var Player = {
             durationBegun = true;
             Player.durationSetter();
         }
+        was_stopped = true;
+        Helper.addClass("#pause", "hide");
+        Helper.removeClass("#play", "hide");
         if(videoSource == "soundcloud") {
             try {
                 Player.player.stopVideo();
@@ -612,6 +626,7 @@ var Player = {
 
     soundcloudPlay: function() {
         Helper.addClass("#player_loader_container", "hide");
+        Helper.css(document.getElementById("player_overlay"), "display", "block");
         if(videoSource == "youtube") {
             Player.soundcloud_player.pause();
         } else if(soundcloud_loading){