एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


HTML ऑडियो/वीडियो DOM अवधि परिवर्तन ईवेंट

❮ एचटीएमएल ऑडियो/वीडियो डोम संदर्भ

उदाहरण

चेतावनी दें कि वीडियो की अवधि बदल गई है:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};

नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।


परिभाषा और उपयोग

अवधि परिवर्तन घटना तब होती है जब निर्दिष्ट ऑडियो/वीडियो का अवधि डेटा बदल दिया जाता है।

नोट: जब कोई ऑडियो/वीडियो लोड किया जाता है, तो अवधि "NaN" से ऑडियो/वीडियो की वास्तविक अवधि में बदल जाएगी।

एक ऑडियो/वीडियो की लोडिंग प्रक्रिया के दौरान, इस क्रम में निम्नलिखित घटनाएं होती हैं:

  1. लोडस्टार्ट
  2. अवधि परिवर्तन
  3. लोडेडमेटाडेटा
  4. लोडेड डेटा
  5. प्रगति
  6. खेल सकते हैं
  7. कैनप्लेथ्रू

ब्राउज़र समर्थन

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट का समर्थन करता है।

Event
durationchange Yes 9.0 Yes Yes Yes

वाक्य - विन्यास

एचटीएमएल में:

<audio|video ondurationchange="myScript">

जावास्क्रिप्ट में:

audio|video.ondurationchange=function(){myScript};

जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:

audio|video.addEventListener("durationchange", myScript);

टेक्निकल डिटेल

समर्थित HTML टैग: <ऑडियो> और <वीडियो>
समर्थित JavaScript ऑब्जेक्ट: श्रव्य दृश्य

और ज्यादा उदाहरण

उदाहरण

चेतावनी दें कि ऑडियो की अवधि बदल गई है:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};

❮ एचटीएमएल ऑडियो/वीडियो डोम संदर्भ