ボタンをポーズからプレイに変更する方法

Question

コードを実行すると、ボタンが一時停止から再生に変わることが予想されます。 ボタンを一時停止から再生するにはどうすればよいですか？ 私はこのチュートリアルhttps://www.youtube.com/watch?v=V8_wEZD160gを使いました。 ありがとうございます！

<style type="text/css"> 
     div#video_controls_bar { 
      padding:10px; 
     } 
    </style> 
     <script> 
      function playPause(btn, vid){ 
       var vid = document.getElementById(vid); 
       vid.load(); 
      } 
      if(vid.paused){ 
       vid.play(); 
       btn.innerHTML = "Pause"; 
      } 
      else{ 
       vid.pause(); 
       btn.innerHTML = "Play"; 
      } 
     </script> 
    <video id="ruqia_video1" width="320" height="180" > 
     <source src="videos/Rooqia01.mp4" /> 
    </video> 
    <div id="video_controls_bar"> 
     <button id="playpausebtn" onclick="PlayPause(this, 'ruqia_video1')">Pause</button> 
    </div> 

Answer 1

コードにエラーがあります。 が修正：実際にはこのように見えたhttps://jsfiddle.net/fu8eoofe/2/

あなたの機能：：

<style type="text/css"> 
     div#video_controls_bar { 
      padding:10px; 
     } 
    </style> 
     <script> 
      function playPause(btn, vid){ 
       var vid = document.getElementById(vid); 
       vid.load(); 

       if(vid.paused){ 
        vid.play(); 
        btn.innerHTML = "Pause"; 
       } 
       else{ 
        vid.pause(); 
        btn.innerHTML = "Play"; 
       } 
      } 
     </script> 
    <video id="ruqia_video1" width="320" height="180" > 
     <source src="videos/Rooqia01.mp4" /> 
    </video> 
    <div id="video_controls_bar"> 
     <button id="playpausebtn" onclick="playPause(this, 'ruqia_video1')">Pause</button> 
    </div> 

Answer 2

は、いくつかのエラーがありましたが、私はそれが働いて作っ

function playPause(btn, vid){ 
    var vid = document.getElementById(vid); 
    vid.load(); 
} 

それは、if文の前に閉鎖されました。 2つ目は、関数名がplayPauseのときにPlayPauseという関数を呼び出していたということです。

デモの目的でvid.pausedを新しい変数に置き換えました（ビデオなしでは機能しません）。