不支持全屏的浏览器使用弹窗全屏

theme/mycss/lrc.css

@@ -32,6 +32,7 @@
 	display: flex;
 	width: 100%;
 	flex-direction: column;	
+	height:100%;
 }
 
 #lyriccontainer .active {

theme/myjs/lrc.js

@@ -197,6 +197,26 @@ $(function() {
 	var enableNoSleep = false;
 	var isFullScreen = false;
 	var btn_lyricFullscreen = document.getElementById("lyricFullscreen");
+	//  监听全屏事件触发
+	var fullscreenchange = function() {
+		isFullScreen = !!(
+        document.fullscreen ||
+        document.mozFullScreen ||
+        document.webkitIsFullScreen ||
+        document.webkitFullScreen ||
+        document.msFullScreen
+      );
+		if (isFullScreen) {
+			if(!enableNoSleep){noSleep.enable();}
+			$(btn_lyricFullscreen).html('退出全屏');
+			enableNoSleep = true;
+		} else {
+			if(enableNoSleep){noSleep.disable();}
+			$(btn_lyricFullscreen).html('全屏播放');
+			enableNoSleep = false;
+		}
+		$("#lyricSleep").prop("checked",enableNoSleep);
+	}; 
 	if (btn_lyricFullscreen) {
 		btn_lyricFullscreen.addEventListener('click',
 		function(event) {
@@ -217,30 +237,21 @@ $(function() {
 				}else{
 					document.exitFullscreen();
 				}
+			}else{
+				if($(btn_lyricFullscreen).html()=='全屏播放'){
+					var i=layer.open({
+					  type: 1,
+					  title: false,
+					  content: $container
+					});
+					layer.full(i);
+				}else{
+					
+				}
 			}
 		});
 	}
-	//  监听全屏事件触发
-	var fullscreenchange = function() {
-		isFullScreen = !!(
-        document.fullscreen ||
-        document.mozFullScreen ||
-        document.webkitIsFullScreen ||
-        document.webkitFullScreen ||
-        document.msFullScreen
-      );
-		if (isFullScreen) {
-			if(!enableNoSleep){noSleep.enable();}
-			$(btn_lyricFullscreen).html('退出全屏');
-			enableNoSleep = true;
-		} else {
-			if(enableNoSleep){noSleep.disable();}
-			$(btn_lyricFullscreen).html('全屏播放');
-			enableNoSleep = false;
-		}
-		$("#lyricSleep").prop("checked",enableNoSleep);
-		
-	}; 
+	
 	['fullscreenchange','webkitfullscreenchange','mozfullscreenchange'].forEach((item,index) => {
           $container[0].addEventListener(item, () => fullscreenchange());
     });
@@ -326,4 +337,13 @@ $(function() {
 			}
 		});
 	}
+	
+	var btn_lyricCache = document.getElementById("lyricCache");
+	if (btn_lyricCache) {
+		btn_lyricCache.addEventListener('click',
+		function() {
+			audio.preload="auto";
+		},
+		false);
+	}
 });