2016-03-07 5 views
0

Comment lire une vidéo HTML5 sur une page Web en appuyant sur une seule touche (par exemple en appuyant sur la touche «R») au lieu d'utiliser la souris? Puis-je utiliser javascript pour faire ça?Utiliser JavaScript pour lire la vidéo HTML5

+1

cela a été demandé avant sur ce poste http://stackoverflow.com/questions/4646998/play-pause-html-5-video-using-jquery –

+0

pouvez-vous fournir votre code HTML? –

+0

ou de jouer du violon si possible? –

Répondre

0

Oui, cela peut être fait. Voici le code qui devrait fonctionner.

<script type="text/javascript"> 
    function myKeyPress(e){ 
    var keynum; 

    if(window.event) { // IE      
     keynum = e.keyCode; 
    } else if(e.which){ // Netscape/Firefox/Opera     
     keynum = e.which; 
    } 

    if(keynum == 82){ // 82 is key code for r. 
     var samplevideo = document.getElementById('samplevideo'); 
     samplevideo.play(); 
    } 


    } 
</script> 
0

Voici le code,

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 
    </head> 
    <body> 

     <video width="400" controls id="videoId"> 
      <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
      <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> 
      Your browser does not support HTML5 video. 
     </video> 

    </body> 
    <script type="text/javascript"> 
     $(document).keydown(function(e) { 
      if (e.keyCode == 82) { 
       alert("You have Pressed R , lets play the video"); 
       document.getElementById('videoId').play(); 
      } 
     }); 
    </script> 
</html> 

j'ai aussi créé un violon.

https://jsfiddle.net/ykaadart/

+0

http://www.w3fools.com/ veuillez lire ce site web @punit Gajjar – ncubica