Skip to main content

Controls & keyboard shortcuts

Play, pause, seek, volume, and full keyboard navigation.

videoa11y

Preview

Props & interactive options

PropTypeDefaultDescriptionTry it
controlsurl param1Show player controls.—

Keyboard shortcuts

Playback & speed

Play / PauseSpace/K
Rewind 10 seconds←/J
Forward 10 seconds→/L
Slow down (0.25× steps)<
Speed up (0.25× steps)>
Next video (playlist)N
Previous video (playlist)P
Enter / Exit fullscreenF
Exit fullscreen or close panelEsc

Quick seek

Jump to 0 %0
Jump to 10 %1
Jump to 20 %2
Jump to 30 %3
Jump to 40 %4
Jump to 50 %5
Jump to 60 %6
Jump to 70 %7
Jump to 80 %8
Jump to 90 %9

Audio & subtitles

Volume up (+10 %)↑
Volume down (−10 %)↓
Mute / UnmuteM
Show / Hide subtitlesC

Click on the player first to give it focus, then use these shortcuts.

Documentation

The Videas player provides a complete control bar and full keyboard navigation inspired by YouTube shortcuts. Every action available via mouse click has a keyboard equivalent, making the player fully operable without a pointing device. The keyboard shortcut panel is accessible at any time by clicking the dedicated button in the control bar. Click on the player above to give it focus, then try the shortcuts listed in the preview section.

Code

HTML
<div style="padding:56.25% 0 0 0;position:relative;">
  <iframe
    src="https://app.videas.com/embed/019dcf5b-0c22-731c-8e3c-d24264812bd5/?show_chapters=0"
    width="100%" height="100%"
    frameborder="0" allowfullscreen
    allow="autoplay; fullscreen; picture-in-picture"
    style="position:absolute;top:0;left:0"
  ></iframe>
</div>

Frequently asked questions

Do I need to click on the player for the shortcuts to work?

Yes — as with YouTube, the player must have keyboard focus. Click anywhere on the player (or Tab through until the play button is focused) and the shortcuts respond immediately. This prevents accidental keystrokes from hijacking the rest of the page.

Is the player fully operable without a mouse?

Yes. Every control (play, seek, volume, fullscreen, chapters, subtitles, settings…) has a keyboard equivalent, and focus rings are visible on every interactive element. This follows RGAA / WCAG 2.1 best practices for video player accessibility.

Can I hide the controls but keep keyboard shortcuts active?

Yes. Set <code>controls=0</code> in the embed URL: the control bar disappears from the UI but Space, arrows, F, M and the other shortcuts keep working as long as the player has focus.