Sfoglia il codice sorgente

自动切换全屏按钮的进入和退出文字

ecd\tbw_1357250783514014 4 anni fa
parent
commit
f6a1351289
1 ha cambiato i file con 16 aggiunte e 14 eliminazioni
  1. 16 14
      theme/myjs/lrc.js

+ 16 - 14
theme/myjs/lrc.js

@@ -194,14 +194,18 @@ $(function() {
 			audio.play();
 			// 判断浏览器前缀
 			if (document.fullscreenEnabled) {
-				if (element.requestFullscreen) {
-					element.requestFullscreen();
-				} else if (element.mozRequestFullScreen) {
-					element.mozRequestFullScreen();
-				} else if (element.webkitRequestFullscreen) {
-					element.webkitRequestFullscreen();
-				} else if (element.msRequestFullscreen) {
-					element.msRequestFullscreen();
+				if($(btn_lyricFullscreen).html()=='全屏播放'){
+					if (element.requestFullscreen) {
+						element.requestFullscreen();
+					} else if (element.mozRequestFullScreen) {
+						element.mozRequestFullScreen();
+					} else if (element.webkitRequestFullscreen) {
+						element.webkitRequestFullscreen();
+					} else if (element.msRequestFullscreen) {
+						element.msRequestFullscreen();
+					}
+				}else{
+					document.exitFullscreen();
 				}
 			}
 		});
@@ -217,17 +221,15 @@ $(function() {
       );
 		if (isFullScreen) {
 			if(!enableNoSleep){noSleep.enable();}
+			$(btn_lyricFullscreen).html('退出全屏');
 			enableNoSleep = true;
 		} else {
 			if(enableNoSleep){noSleep.disable();}
+			$(btn_lyricFullscreen).html('全屏播放');
 			enableNoSleep = false;
 		}
-		if(enableNoSleep){
-			$("#lyricSleep").prop("checked",true);
-		}
-		else{
-			$("#lyricSleep").prop("checked",false);
-		}
+		$("#lyricSleep").prop("checked",enableNoSleep);
+		
 	}; 
 	['fullscreenchange','webkitfullscreenchange','mozfullscreenchange'].forEach((item,index) => {
           $container[0].addEventListener(item, () => fullscreenchange());