使用Javascript播放HTML5视频

问题描述：

如何在按下单个按键（例如按'R'键）而不是使用鼠标的情况下在网页中播放HTML5视频？我可以以某种方式使用JavaScript来做到这一点？使用Javascript播放HTML5视频

在此之前，有人问这个帖子http://*.com/questions/4646998/play-pause-html-5-video-using-jquery –

您可以提供HTML？ –

或小提琴如果可能？ –

答

是的，可以做到。以下是应该工作的代码。

<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>

答

下面是代码，

<!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>

我还创建了一个小提琴。

https://jsfiddle.net/ykaadart/

http://www.w3fools.com/请阅读本网站@punit Gajjar – ncubica

使用Javascript播放HTML5视频

相关推荐