Fatal编程技术网

使用Javascript播放HTML5视频

javascript html

使用Javascript播放HTML5视频,javascript,html,Javascript,Html,如何在网页中播放HTML5视频时只需按一个键（例如按“R”键），而不用鼠标？我可以用javascript来实现这一点吗 是的，可以做到。下面是应该工作的代码 <script type="text/javascript"> function myKeyPress(e){ var keynum; if(window.event) { // IE keynum = e.keyCode; } else if(e

如何在网页中播放HTML5视频时只需按一个键（例如按“R”键），而不用鼠标？我可以用javascript来实现这一点吗

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

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


功能myKeyPress（e）{
var-keynum；
if（window.event）{//IE
keynum=e.keyCode；
}否则，如果（如）{//Netscape/Firefox/Opera
keynum=e.which；
}
如果（keynum==82）{//82是r的键代码。
var samplevideo=document.getElementById（'samplevideo'）；
samplevideo.play（）；
}  
}
这是代码

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


您的浏览器不支持HTML5视频。
$（文档）.keydown（函数（e）{
如果（e.keyCode==82）{
警报（“您已按下R，让我们播放视频”）；
document.getElementById（'videoId'）.play（）；
}
});
我还创作了一把小提琴

这是之前在这篇文章中被问到的问题，你能提供你的HTML吗？或者如果可能的话提供小提琴吗？