Add f for fullscreen shortcut

This commit is contained in:
2025-02-03 16:29:26 +01:00
parent 99ad9ab2d5
commit 091df332d8
5 changed files with 41 additions and 17 deletions

View File

@@ -39,6 +39,14 @@ export const update = async () => {
export const toggle_playback = () => playing ? player.pause() : player.play()
export const toggle_mute = () => player.muted = !player.muted
export const toggle_fullscreen = () => {
if (document.fullscreenElement === null) {
player.requestFullscreen()
} else {
document.exitFullscreen()
}
}
export const seek = delta => {
// fastseek can be pretty imprecise, so we don't use it for small seeks
@@ -61,14 +69,6 @@ onMount(() => {
}
})
const fullscreen = () => {
if (document.fullscreenElement === null) {
player.requestFullscreen()
} else {
document.exitFullscreen()
}
}
const video_keydown = e => {
if (e.key === " ") {
// Prevent spacebar from pausing playback in Chromium. This conflicts
@@ -142,7 +142,7 @@ const video_keydown = e => {
<i class="icon">volume_up</i>
{/if}
</button>
<button on:click={fullscreen}>
<button on:click={toggle_fullscreen}>
<i class="icon">fullscreen</i>
</button>
<div class="spacer"></div>