使用Javascript的HTML5视频播放/停止按钮

我的自定义HTML5视频播放几乎完成了，我只是对停止按钮有一个轻微的问题，它本质上是一个暂停按钮，只是将视频重置为开始

下面是我的代码（尽管有点凌乱）

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

当前，如果按“停止”按钮，则“暂停”按钮仍然存在

任何建议都很好：）

---

Edit:Fixed@MelanciaUK建议我删除if语句中的==true，这解决了我的问题。谢谢

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

尝试替换：

mediaPlayer.pause==true

与：

---

mediaPlayer.paused

这个

mediaPlayer.pause==true

不应该只是

mediaPlayer.paused

？我需要稍微温习一下我的条件句-这很有效：）谢谢，伙计。没问题。我已经发布了答案。：）刚刚见到，再次感谢：）

<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>

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