Add f for fullscreen shortcut
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user