71778


特定のキーが押されたらビデオを一時停止、再生させたいのですがどうすればできるでしょうか。  
下記のコードはそれぞれkeydownのサンプルコード  
<https://www.ipentec.com/document/javascript-accept-keydown>  
と、videoのサンプルコード  
<http://www.htmq.com/video/>  
を参照し自分なりに合わせたものです。  
それぞれ単体での動作は確認しております。  
間違っている箇所があればご指摘いただきたいです。

[code]

    <!DOCTYPE html>
    <div id ="movie">
    <video src="video play test.mp4" controls loop></video>
    </div>
    
     <script type="text/javascript">
        
     document.onkeydown = keydown;
    function keydown() 
      {
           var v = document.getElementById("movie"); 
        
    
           if (event.shiftKey == true){
                v.play();
          }
            else {
                v.pause();
          }
      }
    </script>
    
[/code]

ご教授よろしくお願いします。


CC BY-SA 4.0
2020-11-06T15:00:13.217
71776
2020-11-07T00:04:05.303
42626
question
javascript html video
特定のキーが押されたら動画を一時停止、再生したい


こんな感じでどうでしょうか。  
キーが押されたら動画の一時停止・再生をトグルさせたいと理解したので、コードを少し書き換えています。

[code]

    <!DOCTYPE html>
    <div id ="movie">
    <video id="player" src="video play test.mp4" controls loop></video>
    </div>
    
     <script type="text/javascript">
        
     document.onkeydown = keydown;
    function keydown(key){
        var v = document.getElementById("player"); 
    
        if (key.keyCode == 16){
            if (v.paused == true){
                v.play();
            }else{
                v.pause();
            }
        }
    }
    </script>
    
[/code]


CC BY-SA 4.0
2020-11-07T00:04:05.303
71778
2020-11-07T00:04:05.303
29034
71776
answer