javascript - ビデオが終了すると、再生ボタンはビデオを開始しません

Question

作成中のビデオプレーヤーの再生/一時停止ボタンがあります。ビデオが1回再生されたら、再生ボタンでビデオを再開したいのですが、そうではありません。

使用しているスクリプトは次のとおりです。

function play(){
        if(!media.paused && !media.ended){
        media.pause();
        playButton.innerHTML='Play';
        window.clearInterval(updateBar);
    }else{
        media.play();
        playButton.innerHTML='Pause';
        updateBar=setInterval(update, 100)
    }
}

Answer 1

このように関数を構成してみませんか

function play(){
    if (!media.paused) { // if currently playing (or ended?)
        if (media.ended) { // if at the end
            media.currentTime = 0; // go to start 
        } else { // else
            media.pause(); // pause
            playButton.innerHTML='Play';
            window.clearInterval(updateBar);
            return; // and end function here
        }
    } // then if function didn't end
    media.play(); // resume playing
    playButton.innerHTML='Pause';
    updateBar=setInterval(update, 100);
}

使用しているDOMインターフェイスはHTMLMediaElementです。