html5的pause,html - HTML5 Video pause instead of stop - Stack Overflow

Javascript:

/* Get Our Elements */

const player = document.querySelector('.player');

const video = player.querySelector('.viewer');

const progress = player.querySelector('.progress');

const progressBar = player.querySelector('.progress__filled');

const toggle = player.querySelector('.toggle');

const skipButtons = player.querySelectorAll('[data-skip]');

const ranges = player.querySelectorAll('.player__slider');

/* Build out functions */

function togglePlay() {

const method = video.paused ? 'play' : 'pause';

video[method]();

}

function updateButton() {

const icon = this.paused ? '►' : '❚❚';

toggle.textContent = icon;

}

function skip() {

video.currentTime += parseFloat(this.dataset.skip);

}

function handleRangeUpdate() {

video[this.name] = this.value;

}

function handleProgress() {

const percent = (video.currentTime / video.duration) * 100;

progressBar.style.flexBasis = `${percent}%`;

}

function scrub(e) {

const scrubTime = (e.offsetX / progress.offsetWidth) * video.duration;

video.currentTime = scrubTime;

}

/* Hook up the event listners */

video.addEventListener('click', togglePlay);

video.addEventListener('play', updateButton);

video.addEventListener('pause', updateButton);

video.addEventListener('timeupdate', handleProgress);

toggle.addEventListener('click', togglePlay);

skipButtons.forEach(button => button.addEventListener('click', skip));

ranges.forEach(range => range.addEventListener('change', handleRangeUpdate));

ranges.forEach(range => range.addEventListener('mousemove', handleRangeUpdate));

let mousedown = false;

progress.addEventListener('click', scrub);

progress.addEventListener('mousemove', (e) => mousedown && scrub(e));

progress.addEventListener('mousedown', () => mousedown = true);

progress.addEventListener('mouseup', () => mousedown = false);

$('video').on('ended', function() {

$.fn.fullpage.moveSlideRight();

});

I just want to make the pause button a real pause button, because actually works like a stop button, when you click it set the progress bar to 0. I want to really pause the video.

It might be so simple to do it, but I have no idea. Thank you guys!