视频播放完毕后，播放按钮不会启动视频

Question

我有一个播放/暂停按钮，用于制作视频播放器。一旦视频通过一个播放，我想播放按钮让视频重新开始，但事实并非如此。

这是我正在使用的脚本：

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。