使用Javascript播放HTML5視頻

如何在按下單個按鍵（例如按'R'鍵）而不是使用鼠標的情況下在網頁中播放HTML5視頻？我可以以某種方式使用JavaScript來做到這一點？使用Javascript播放HTML5視頻

2016-03-07 XR Genesis

在此之前，有人問這個帖子http://stackoverflow.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>

來源

2016-03-07 06:38:43

下面是代碼，

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

來源

2016-03-07 06:43:11

http://www.w3fools.com/請閱讀本網站@punit Gajjar – ncubica

使用Javascript播放HTML5視頻

回答

相關問題