player: keybind for fullscreen

1 files changed, 10 insertions, 10 deletions

diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 7a0e8fd..2c6c94b 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -31,6 +31,12 @@ const MEDIA_KIND_ICONS: { [key in TrackKind]: [string, string] } = {
     subtitles: ["subtitles_off", "subtitles"],
 }
 
+function toggle_fullscreen() {
+    if (document.fullscreenElement) document.exitFullscreen()
+    else document.documentElement.requestFullscreen()
+}
+
+
 function initialize_player(el: HTMLElement, node_id: string) {
     el.innerHTML = "" // clear the body
 
@@ -68,7 +74,6 @@ function initialize_player(el: HTMLElement, node_id: string) {
                         if (all_kind.length < 1) return
                         player.set_track_enabled(all_kind[0].index, true)
                     }
-
                 }
             })
         }))
@@ -164,13 +169,7 @@ function initialize_player(el: HTMLElement, node_id: string) {
             track_select("subtitles")
         ),
         settings_popup(),
-        e("button", "fullscreen", {
-            class: "icon",
-            onclick() {
-                if (document.fullscreenElement) document.exitFullscreen()
-                else document.documentElement.requestFullscreen()
-            }
-        })
+        e("button", "fullscreen", { class: "icon", onclick: toggle_fullscreen })
     )
 
     player.position.onchangeinit(p => pri_current.style.width = pri_map(p))
@@ -207,9 +206,10 @@ function initialize_player(el: HTMLElement, node_id: string) {
         player.seek(p * player.duration.value)
     })
     document.body.addEventListener("keydown", k => {
-        if (k.ctrlKey) return
+        if (k.ctrlKey || k.altKey) return
         if (k.code == "Period") player.pause(), player.frame_forward()
-        if (k.code == "Space") toggle_playing()
+        else if (k.code == "Space") toggle_playing()
+        else if (k.code == "KeyF") toggle_fullscreen()
         else if (k.code == "KeyV") show_stats.value = !show_stats.value
         else if (k.code == "ArrowLeft") player.seek(player.position.value - 5)
         else if (k.code == "ArrowRight") player.seek(player.position.value + 5)