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

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

1 个答案: