ビデオのカスタム "再生"ボタンを作成

Question

これは私の主なマークアップです。

基本的にビデオボックスと「再生」ボタンがあります。私はJavaScriptを介して、このボタンがビデオの再生/一時停止を許可することが可能であるかどうか疑問に思っています。私はこのことが可能かどうかは分かりませんが、もしそれがあれば、どうやってそれをやっていくのか教えてください。

ありがとうございます。

Answer 1

これはJavaScriptで簡単に実行できます。実際はかなり基本的です。

このコード怒鳴るはちょうどあなたのためにそれを行うだろう：

var playButton = document.getElementById("play_button"); 
// Event listener for the play/pause button 
playButton.addEventListener("click", function() { 
    if (video.paused == true) { 
    // Play the video 
    video.play(); 

    // Update the button text to 'Pause' 
    playButton.innerHTML = "Pause"; 
    } else { 
    // Pause the video 
    video.pause(); 

    // Update the button text to 'Play' 
    playButton.innerHTML = "Play"; 
    } 
});