使用Java腳本播放HTML5視頻

Question

如何通過按一個鍵（例如，按“ R”鍵）而不是使用鼠標來播放網頁中的HTML5視頻？ 我可以以某種方式使用javascript來做到這一點嗎？

Answer 1

是的，可以做到。 以下是應該工作的代碼。

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

Answer 2

這是代碼，

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

使用Java腳本播放HTML5視頻

問題描述

2 個解決方案

解決方案1
0 2016-03-07 06:38:43

解決方案2
0 2016-03-07 06:43:11

使用Java腳本播放HTML5視頻

問題描述

2 個解決方案

解決方案1 0 2016-03-07 06:38:43

解決方案2 0 2016-03-07 06:43:11

解決方案1
0 2016-03-07 06:38:43

解決方案2
0 2016-03-07 06:43:11