11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
je débute en code. Pour un projet, je souhaiterais qu'à l'enfoncement d'une touche clavier, une vidéo se lance en plein écran. J'ai 5 vidéos qui seraient donc associées spécifiquement à 5 touches claviers, le changement de touche entrainant le changement de vidéo en plein écran. Je crois savoir qu'il faut utiliser la fonction onKeyDown mais je n'arrive pas à l'associer au lancement d'une vidéo. Pourriez-vous m'aider, s'il vous plait ? Smiley sweatdrop
Administrateur
A priori il s'agit d'utiliser une balise <video> avec un id (par exemple) pour la nommer et y faire appel.

<video id="mavideo1"></video>


Côté JavaScript on peut ensuite déclencher la lecture avec un simple

document.getElementById('mavideo1').play();


Il ne reste plus qu'à lier cette action à celle d'une touche, par exemple

document.body.addEventListener('keydown',function(e) {
  if(e.keyCode==65) { // touche A
    document.getElementById('mavideo1').play();
  }
});