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