कैसे बताएं कि कोई <video> तत्व वर्तमान में चल रहा है?

Question 1

मुझे लगता है कि देख MediaElement इंटरफ़ेस उजागर की तरह जिम्मेदार बताते हैं paused, seeking, और ended। हालांकि, सूची से गायब है playing।

मैं जानता हूँ कि देखते हैं playingघटनाओं है कि आग एक तत्व जब शुरू होता है खेल, और timeupdateघटनाओं खेलते समय समय-समय पर की घटनाओं, लेकिन मैं निर्धारित करने के लिए एक वीडियो के चलते कि क्या एक तरह से तलाश कर रहा हूँ अभी । क्या यह निर्धारित करने का एक आसान तरीका है?

मेरे पास जो निकटतम है वह है:

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

Question 2

यह एक लंबा समय रहा है लेकिन यहां एक शानदार टिप है। आप .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
}

Question 3

कोई विशिष्ट विशेषता नहीं है जो यह बताएगी कि MediaElementवर्तमान में खेल रहा है या नहीं। हालाँकि, आप इसे अन्य विशेषताओं की स्थिति से निकाल सकते हैं। अगर:

currentTime शून्य से अधिक है, और
paused गलत है, और
ended गलत है

तब तत्व वर्तमान में खेल रहा है।

readyStateत्रुटियों के कारण मीडिया बंद हो गया या नहीं, यह देखने के लिए आपको जांच की आवश्यकता हो सकती है । शायद कुछ इस तरह:

const isVideoPlaying = video => !!(video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2);

Question 4

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

var videoElement = video.get(0);

if (!videoElement.paused) {}

Jquery का उपयोग करते हुए इसे करने का एक तरीका

Question 5

मेरी प्रतिक्रिया यहाँ देखें: HTML5 वीडियो टैग, जावास्क्रिप्ट खेल स्थिति का पता लगाने के लिए?

मूल रूप से, जैसा कि पहले कहा गया है कि जाँच करने के लिए कोई एकल संपत्ति नहीं है, लेकिन कल्पना के अनुसार यह शर्तों का एक संयोजन है।

Question 6

मैं उसी समस्या का सामना कर रहा था। समाधान बहुत सरल और सीधे आगे है:

// if video status is changed to "ended", then change control button to "Play Again"
video.onended = function() {
    $("#play_control_button").text("Play Again");
};

// if video status is changed to "paused", then change control button to "Continue Play"
video.onpause = function() {
    $("#play_control_button").text("Continue Play");
};

// if video status is changed to "playing", then change control button to "Stop"
video.onplaying = function() {
    $("#play_control_button").text("Stop");
};