diff --git a/materialious/src/lib/Player.svelte b/materialious/src/lib/Player.svelte index 00d42b7d..14d032ef 100644 --- a/materialious/src/lib/Player.svelte +++ b/materialious/src/lib/Player.svelte @@ -36,7 +36,24 @@ const videoElement = document.getElementById('player') as HTMLMediaElement; - player = new Plyr(videoElement); + player = new Plyr(videoElement, { + controls: [ + 'play-large', // The large play button in the center + 'restart', // Restart playback + 'rewind', // Rewind by the seek time (default 10 seconds) + 'play', // Play/pause playback + 'fast-forward', // Fast forward by the seek time (default 10 seconds) + 'progress', // The progress bar and scrubber for playback and buffering + 'current-time', // The current time of playback + 'duration', // The full duration of the media + 'mute', // Toggle mute + 'volume', // Volume control + 'captions', // Toggle captions + 'settings', // Settings menu + 'download', // Show a download button with a link to either the current source or a custom URL you specify in your options + 'fullscreen' // Toggle fullscreen + ] + }); const currentCategories = get(sponsorBlockCategories);