如何判斷<video>元素當前是否正在播放？

我看到MediaElement接口暴露了屬性，如paused,seeking和ended。然而，列表中缺少的是playing。如何判斷<video>元素當前是否正在播放？

我知道有playing events火當一個元素開始播放，並定期timeupdate events事件，而打球，但我正在尋找一種方法來確定視頻是否正在播放現在。有沒有簡單的方法來確定這一點？

我得到的最接近是：

!(video.paused || video.ended || video.seeking || video.readyState < video.HAVE_FUTURE_DATA)

來源

2011-07-29 Evan Krall

沒有一個特定的屬性，這將揭示MediaElement是否正在播放。但是，您可以從其他屬性的狀態中推斷出這一點。如果：

currentTime大於零，並
paused是假的，
ended是假

那麼元素正在播放。

您可能還需要檢查readyState以查看媒體是否由於錯誤而停止。

來源

2011-07-29 18:37:55

這種假設似乎並不在IE舉行。當用戶正在尋找（並且視頻因此現在不在播放）時，currentTime可以大於0，同時暫停=結束= false。 – Bjarke

currentTime如果視頻尚未開始播放，則會以秒爲單位將視頻持續時間視爲Safari中的浮點數。 –

在這裏看到我的迴應：HTML5 video tag, javascript to detect playing status?

Basicaly，因爲之前說沒有一個統一的屬性來檢查，但根據規範它的條件的組合。使用jQuery

來源

2011-07-30 06:57:56 Variant

var video = $('selector').children('video'); 

var videoElement = video.get(0); 

if (!videoElement.paused) {}

一種方式是一個偉大的小費。您可以將.playing定義爲所有媒體元素的自定義屬性，並在需要時進行訪問。這裏是如何：

Object.defineProperty(HTMLMediaElement.prototype, 'playing', { 
    get: function(){ 
     return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2); 
    } 
})

現在你可以使用它在<video>或<audio>元素是這樣的：

if(document.querySelector('video').playing){ // checks if element is playing right now 
    // Do anything you want to 
}

來源

2013-01-31 09:14:52

這是一個很長一段時間，但在這裏做的

來源

2015-06-30 08:36:06

很好，謝謝 – corvid

如何判斷<video>元素當前是否正在播放？

回答

相關問題