Interface pour les malvoyants

  Désolé, cet article est disponible en anglais

The player by default does not support screen readers. But you can create a lightweight special interface from the outside and link it to the player via the JS API. You can place this code on a page outside the player and show it always, or by clicking on a special button for the visually impaired.

<input type="button" value="Play" aria-label="Play" onclick="player.api('play')"/>
<input type="button" value="Pause" aria-label="Pause" onclick="player.api('pause')"/>
<input type="button" value="Volume -10%" aria-label="Volume -10%" onclick="player.api('volume','-0.1')"/>
<input type="button" value="Volume +10%" aria-label="Volume +10%" onclick="player.api('volume','+0.1')"/>
<input type="button" value="Seek -10s" aria-label="Seek -10s" onclick="player.api('seek','-10')"/>
<input type="button" value="Seek +10s" aria-label="Seek +10s" onclick="player.api('seek','+10')"/>
<input type="button" value="Full screen" aria-label="Full screen" onclick="player.api('fullscreen')"/>
Seeking: <input id="pjs_seek_hour" type="number" value="0" aria-label="Hours"/> :
<input id="pjs_seek_minute" type="number" value="0" aria-label="Minutes" /> : 
<input id="pjs_seek_second" type="number" value="0" aria-label="Seconds" />
<input type="button" value="Seek" aria-label="Seek" onclick="player.api('seek',document.getElementById('pjs_seek_hour').value*3600 + document.getElementById('pjs_seek_minute').value*60 + document.getElementById('pjs_seek_second').value)"/>
Speed: <input type="button" value="0.5" aria-label="0.5" onclick="player.api('speed','0.5')" />
<input type="button" value="Normal" aria-label="Normal" onclick="player.api('speed','1.0')" />
<input type="button" value="1.25" aria-label="1.25" onclick="player.api('speed','1.25')" />
<input type="button" value="1.5" aria-label="1.5" onclick="player.api('speed','1.5')" />
<input type="button" value="2" aria-label="2" onclick="player.api('speed','2.0')" />
<div id="player"></div>
<script>let player = new Playerjs({id:"player",file:"//site.com/video.mp4"});

Example

Seeking: : :

Speed:


20.0.1
2024 © PlayerJS

S'inscrire gratuitement

S'inscrire
En vous inscrivant, vous acceptez les Termes de service
Login si vous avez un compte.

Restaurer le mot de passe

Restaurer
Vous avez oublié votre adresse électronique ? Contactez-nous