试图通过JavaScript为HTML5视频提供内存

试图通过JavaScript为HTML5视频提供内存,javascript,Javascript,我的页面上有一个html5视频播放器,这个有一个seekbar。现在我想在这里实现的是给它一个var内存,如果视频暂停,然后拖动seekbar,它将保持暂停,反之亦然,如果播放,使用后继续播放 我有一种感觉,我搞砸了,因为有些if-else语句只加载var一次,而不是在它发生变化之后加载它 顺便说一下,所有内容都在windows.onload函数中,这可能会导致加载var一次,但不会导致我稍后所做的更改 // **Memory** var memory = 0; // **Event

我的页面上有一个html5视频播放器,这个有一个seekbar。现在我想在这里实现的是给它一个var内存,如果视频暂停,然后拖动seekbar,它将保持暂停,反之亦然,如果播放,使用后继续播放

我有一种感觉,我搞砸了,因为有些if-else语句只加载var一次,而不是在它发生变化之后加载它

顺便说一下,所有内容都在windows.onload函数中,这可能会导致加载var一次,但不会导致我稍后所做的更改

// **Memory**

    var memory = 0;

// **Event listener for the play/pause button**

    playButton.addEventListener("click", function() {
        if (video.paused == true) {
            // Play the video
            video.play();
            memory = 1;
        
        // Update the button text to 'Pause'
        playButton.innerHTML = "Pause";
    } else {
        // Pause the video
        video.pause();
        memory = 0;

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

// **Play or pause the video when the seek handle is dropped according to var memory**

seekBar.addEventListener("mouseup", function() {
    if (memory == 0) {
        // pause if prev state was pause
        video.pause();
    } else if (memory == 1){
        // play if prev state was playing
        video.play();
    }
});

您需要创建特定于媒体元素的事件监听器,而不仅仅是像
单击
这样的一般事情。您可以在中找到媒体事件和方法的完整列表及其说明。当你使用HTML5视频元素时,你应该可以使用这些元素。

这些元素(据我所知)似乎都不会记忆以前的状态(在本例中,是在拖动seekbar时)?