javascript - 视频播放完毕后，播放按钮不会开始播放视频

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 接口(interface)是 HTMLMediaElement .