javascript - 带有 Javascript 的 HTML5 视频播放/停止按钮

Question

我的自定义 HTML5 视频播放快要完成了，我只是遇到了一个关于“停止”按钮的小问题，它本质上是一个暂停按钮，只是将视频重置到开头。

下面是我的代码(虽然有点乱)；

<script type="text/javascript">
    function stopPlayer() {
        var mediaPlayer;

        mediaPlayer = document.getElementById('media-video');
        mediaPlayer.controls = false;   

        mediaPlayer.pause();
        mediaPlayer.currentTime = 0;

        if ( mediaPlayer.pause == true ) {
            $('.pause-btn').hide();
            $('.play-btn').show();
        }

    }

    function playPlayer() {
        var mediaPlayer;

        mediaPlayer = document.getElementById('media-video');
        mediaPlayer.controls = false;   

        mediaPlayer.play();
    }

    function playPause() {
        var mediaPlayer = document.getElementById('media-video');
        if (mediaPlayer.paused) {
            mediaPlayer.play(); 
            $('.pause-btn').show();
            $('.play-btn').hide();
        } else {
            mediaPlayer.pause(); 
            $('.play-btn').show();
            $('.pause-btn').hide();
        }

    }

</script>

有问题的代码在 stopPlayer() 内；功能-

if ( mediaPlayer.pause == true ) {
            $('.pause-btn').hide();
            $('.play-btn').show();
        }

我想做的是使用 StopPlayer 函数检查视频是否已“停止”，然后隐藏暂停按钮并显示播放按钮。因为这些需要在视频停止时重置。

目前如果你按下停止按钮，暂停按钮仍然存在。

任何建议都会很棒 :)

编辑:修复了@MelanciaUK 建议我删除 if 语句中的 == true，这解决了我的问题。谢谢!

Answer 1

也许这只是一个小的条件/属性错误。

尝试替换:

mediaPlayer.pause == true

与:

mediaPlayer.paused