diff options
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/Buttons.hx | 17 | ||||
| -rw-r--r-- | src/client/Utils.hx | 49 |
2 files changed, 46 insertions, 20 deletions
diff --git a/src/client/Buttons.hx b/src/client/Buttons.hx index ffc7667..625a71f 100644 --- a/src/client/Buttons.hx +++ b/src/client/Buttons.hx @@ -111,9 +111,13 @@ class Buttons { } final fullscreenBtn = ge("#fullscreenbtn"); fullscreenBtn.onclick = e -> { - final el = ge("#ytapiplayer"); - Utils.toggleFullScreen(el); + if (Utils.isTouch() && !Utils.hasFullscreen()) { + Utils.requestFullscreen(document.documentElement); + } else { + Utils.requestFullscreen(ge("#ytapiplayer")); + } } + initPageFullscreen(); final getPlaylist = ge("#getplaylist"); getPlaylist.onclick = e -> { final text = main.getPlaylistLinks().join(","); @@ -316,4 +320,13 @@ class Buttons { }); } + static function initPageFullscreen():Void { + document.onfullscreenchange = e -> { + final el = document.documentElement; + if (Utils.hasFullscreen()) { + if (e.target == el) el.classList.add("mobile-view"); + } else el.classList.remove("mobile-view"); + } + } + } diff --git a/src/client/Utils.hx b/src/client/Utils.hx index e9d5ff8..00a26fe 100644 --- a/src/client/Utils.hx +++ b/src/client/Utils.hx @@ -35,27 +35,40 @@ class Utils { return i; } - public static function toggleFullScreen(el:Element):Bool { - var state = true; + public static function hasFullscreen():Bool { final doc:Dynamic = document; + return ( + document.fullscreenElement != null + || doc.mozFullScreenElement != null + || doc.webkitFullscreenElement != null + ); + } + + public static function requestFullscreen(el:Element):Bool { final el2:Dynamic = el; - if (document.fullscreenElement == null && - doc.mozFullScreenElement == null && - doc.webkitFullscreenElement == null) { - if (el.requestFullscreen != null) { - el.requestFullscreen(); - } else if (el2.mozRequestFullScreen != null) { - el2.mozRequestFullScreen(); - } else if (el2.webkitRequestFullscreen != null) { - el2.webkitRequestFullscreen(untyped Element.ALLOW_KEYBOARD_INPUT); - } else state = false; - } else { - if (doc.cancelFullScreen != null) doc.cancelFullScreen(); - else if (doc.mozCancelFullScreen != null) doc.mozCancelFullScreen(); - else if (doc.webkitCancelFullScreen != null) doc.webkitCancelFullScreen(); - state = false; + if (el.requestFullscreen != null) { + el.requestFullscreen(); + } else if (el2.mozRequestFullScreen != null) { + el2.mozRequestFullScreen(); + } else if (el2.webkitRequestFullscreen != null) { + el2.webkitRequestFullscreen(untyped Element.ALLOW_KEYBOARD_INPUT); + } else return false; + return true; + } + + public static function cancelFullscreen(el:Element):Void { + final doc:Dynamic = document; + if (doc.cancelFullScreen != null) doc.cancelFullScreen(); + else if (doc.mozCancelFullScreen != null) doc.mozCancelFullScreen(); + else if (doc.webkitCancelFullScreen != null) doc.webkitCancelFullScreen(); + } + + public static function toggleFullscreen(el:Element):Bool { + if (hasFullscreen()) { + cancelFullscreen(el); + return false; } - return state; + return requestFullscreen(el); } public static function copyToClipboard(text:String):Void { |