帶有Javascript的HTML5視頻播放/停止按鈕

我的自定義HTML5視頻播放幾乎完成，我只是遇到了Stop按鈕的輕微問題，它實質上是一個暫停按鈕，只是將視頻重置爲開始。帶有Javascript的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語句，它固定我的問題。謝謝！

來源

2013-12-17 rowefx

這'mediaPlayer.pause ==真'不應該只是'mediaPlayer.paused'？ – melancia

我需要刷一下我的條件 - 一個治療:)感謝隊友。 – rowefx

沒問題。我已經發布了一個答案。 :) – melancia

也許這只是一個小條件/財產的錯誤。

嘗試更換：

mediaPlayer.pause == true

有了：

mediaPlayer.paused

來源

2013-12-17 10:26:36 melancia

是的 - 添加評論，以體現這一點。非常感謝！ – rowefx

不客氣。 – melancia

帶有Javascript的HTML5視頻播放/停止按鈕

回答

相關問題