Contrôles et raccourcis clavier
Play, pause, seek, volume et navigation clavier complète.
Aperçu
Props & options interactives
| Prop | Type | Défaut | Description | Essayer |
|---|---|---|---|---|
| controls | url param | 1 | Afficher les contrôles du player. | — |
Raccourcis clavier
Lecture & vitesse
Saut rapide
Audio & sous-titres
Cliquez d'abord sur le player pour lui donner le focus, puis utilisez ces raccourcis.
Documentation
Le player Videas propose une barre de contrôle complète et une navigation clavier inspirée des raccourcis YouTube. Chaque action disponible à la souris a un équivalent clavier, rendant le player entièrement utilisable sans dispositif de pointage. Le panneau des raccourcis clavier est accessible à tout moment via le bouton dédié dans la barre de contrôle. Cliquez sur le player ci-dessus pour lui donner le focus, puis essayez les raccourcis listés dans la section aperçu.
Code
<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>Questions fréquentes
Faut-il cliquer sur le player pour que les raccourcis fonctionnent ?
Oui — comme sur YouTube, le player doit avoir le focus clavier. Cliquez n'importe où sur le player (ou parcourez la page avec Tab jusqu'à ce que le bouton lecture ait le focus) et les raccourcis répondent immédiatement. Cela évite que des frappes accidentelles ne perturbent le reste de la page.
Le player est-il entièrement utilisable sans souris ?
Oui. Chaque contrôle (lecture, navigation, volume, plein écran, chapitres, sous-titres, réglages…) a un équivalent clavier, et les anneaux de focus sont visibles sur chaque élément interactif. Cela respecte les bonnes pratiques RGAA / WCAG 2.1 pour l'accessibilité des players vidéo.
Puis-je masquer les contrôles tout en gardant les raccourcis clavier actifs ?
Oui. Définissez <code>controls=0</code> dans l'URL d'embed : la barre de contrôle disparaît de l'UI, mais Espace, les flèches, F, M et les autres raccourcis continuent de fonctionner tant que le player a le focus.