Removed a lot of dead elements when navigating back and forth, and added transition on videoplayer

public/css/style.css

@@ -336,13 +336,14 @@
 
 .player_bottom{
   position: fixed !important;
-  left: auto !important;
-  top: auto !important;
-  bottom: 10px;
+  left: calc(100vw - 270px) !important;
+  top: calc(100vh - 210px) !important;
+  /* bottom: 10px; */
   width: 250px !important;
   height: 200px !important;
-  right: 10px;
+  /* right: 10px; */
   z-index: 10;
+  transition: 1s;
 }
 
 #frontpage_player{
@@ -1457,6 +1458,7 @@ ul #chat-log{
   height:95%;
   height: calc(100% - 32px);
   position: relative;
+  -webkit-transition: all 1s ease-out;
 }
 
 #fireplace_player{

public/js/frontpage.js

@@ -293,6 +293,7 @@ var Frontpage = {
       socket.removeAllListeners();
     }
     $("body").css("background-color", "#2d2d2d");
+    $("#offline-mode").tooltip("remove");
     $.ajax({
       url: new_channel + "/public/php/index.php",
 
@@ -417,7 +418,6 @@ function initfp(){
         tooltip: "Enable private mode"
       });
     }
-
     socket.emit('frontpage_lists');
 
     $("#channel-load").css("display", "none");

public/js/listeners.js

@@ -1573,8 +1573,15 @@ function onepage_load(){
 		Admin.beginning 	 = true;
 		began 				 = false;
 		durationBegun  		 = false;
-		$("#embed-button").css("display", "none");
 
+		$("#embed-button").css("display", "none");
+		$('.castButton-active').tooltip("remove");
+		$("#viewers").tooltip("remove");
+		$('.castButton-unactive').tooltip("remove");
+		$("#offline-mode").tooltip("remove");
+		$('#chan_thumbnail').tooltip("remove");
+		$('#admin-lock').tooltip("remove");
+		$("#seekToDuration").remove();
 		$.ajax({
 		    url: "public/php/frontpage.php",
 		    success: function(e){