需要进行哪些 javascript 修改才能确保视频播放器的播放次数在按下暂停然后播放后不会增加？

问：

我为视频播放器构建了一些 HTML 和 JavaScript 代码。它播放视频，但是当我按下暂停键，然后再次按下播放键时，播放次数会增加。我只希望在歌曲播放完毕后增加播放次数。以下是 java 脚本格式。如果需要HTML代码，我会提供它。我只是在满足职位要求方面遇到了麻烦。有人告诉我，我写了太多代码。不过，这是一个简单的视频播放器。

<script>
// JavaScript
const videoPlayer = document.querySelector('.video-player');
const videoElement = videoPlayer.querySelector('.video');
const playCountElement = videoPlayer.querySelector('.play-count');

let playCount = 0;

function updatePlayCount() {
    playCountElement.textContent = playCount + ' Plays';
}

function savePlayCount() {
    localStorage.setItem('playCount', playCount);
}

function loadPlayCount() {
    const storedPlayCount = localStorage.getItem('playCount');
    if (storedPlayCount !== null) {
        playCount = parseInt(storedPlayCount);
    }
}

function playVideo() {
    videoElement.play();
    playCount++;
    updatePlayCount();
    savePlayCount();
}

function pauseVideo() {
    videoElement.pause();
}

function togglePlayPause() {
    if (videoElement.paused) {
        playVideo();
    } else {
        pauseVideo();
    }
}

videoElement.addEventListener('ended', function () {
    videoElement.currentTime = 0; // Reset video to the beginning when it ends
    hasBeenPlayed = false; // Set hasBeenPlayed to false only when you want to reset play count after the video ends
    pauseVideo();
});

videoElement.addEventListener('play', function () {
    playCount++; // Increment play count when video starts playing
    updatePlayCount();
    savePlayCount();
});

videoPlayer.addEventListener('click', togglePlayPause);

// Load the initial play count when the page loads
window.addEventListener('load', function () {
    loadPlayCount();
    updatePlayCount();
});


</script>