播放/暂停视频播放器按钮切换仅工作一次

Question

我目前正在为我的网站构建一个视频播放器，但在播放/暂停结束时我遇到了问题。我有一个按钮，用于在播放和暂停之间切换。但是，当将以下代码附加到该按钮时，我会播放它，然后第一次暂停它。但是当我恢复它时，它无法工作，显示的视频开始慢慢变成黑色而不再播放。我在互联网上挖掘的所有内容都没有成功。即使是最基本的形式，我似乎无法让它工作。 这是我目前从html开始的代码：

    <div id="video-container">
        <video id="selectedVideo" width=1000 poster="">
            <source src="video.mp4" type="video/mp4" />
        </video>
    </div>

    <div class="controls-container">
        <img id="play-button" src="~/Content/Images/Player/play-button.png" />            
    </div>

这是javascript：

var video = $('#selectedVideo').get(0);
var playButton = $('#play-button');

(window).load(function () {
    playButton.on('click', function () {
        playpause();
    });
});

function playpause() {
    if (video.paused || video.ended) {
        video.play();
    } else {
        video.pause();
    }
};

我真的希望有人知道为什么这不起作用。我花了好几个小时试图解决它，这让我疯狂。