Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में मीडिया की लंबाई बदलने पर स्क्रिप्ट कैसे चलाएं?

ondurationchange एट्रिब्यूट तब ट्रिगर होता है जब ऑडियो/वीडियो की लंबाई (ड्यूरेशन) बदलती है। यह आमतौर पर मीडिया मेटाडेटा लोड होने पर फायर होता है (प्रारंभ में ड्यूरेशन NaN होता है, फिर वास्तविक मान आता है)।

उदाहरण

निम्न कोड से ondurationchange एट्रिब्यूट लागू करें:

<!DOCTYPE HTML> <html> 
  <body> 
    <video width="300" height="200" controls ondurationchange="display(this)"> 
      <source src="/html5/foo.ogg" type="video/ogg" /> 
      <source src="/html5/foo.mp4" type="video/mp4" /> 
      आपका ब्राउज़र वीडियो एलिमेंट सपोर्ट नहीं करता। 
    </video> 
    <script> 
      function display(vLength) { 
        alert("वीडियो लंबाई: " + vLength.duration + " सेकंड"); 
      } 
    </script> 
  </body> 
</html>
  1. - HTML में URL के एंकर पार्ट बदलने पर स्क्रिप्ट कैसे चलाएं?

    onhashchange एट्रिब्यूट का उपयोग तब स्क्रिप्ट चलाने के लिए किया जाता है जब URL का एंकर पार्ट (हैश, # के बाद का भाग) बदलता है। यह सिंगल-पेज एप्लिकेशन्स (SPA), टैब नेविगेशन, इन-पेज एंकर नेविगेशन के लिए उपयोगी है। उदाहरण निम्न कोड से onhashchange एट्रिब्यूट लागू करें: <!DOCTYPE html> <html>

  1. - HTML में तत्व पर क्लिक होने पर स्क्रिप्ट कैसे निष्पादित करें?

    onclick इवेंट एट्रिब्यूट onclick एट्रिब्यूट HTML में किसी तत्व पर क्लिक होने पर JavaScript कोड निष्पादित करने के लिए उपयोग किया जाता है। यह सबसे सामान्य माउस इवेंट है और लगभग सभी HTML तत्वों पर काम करता है। उदाहरण निम्नलिखित कोड onclick एट्रिब्यूट का उपयोग दिखाता है: <!DOCTYPE html> <html

  1. - HTML में ब्राउज़र मीडिया डेटा प्राप्त करते समय स्क्रिप्ट कैसे निष्पादित करें?

    onprogress इवेंट एट्रिब्यूट onprogress एट्रिब्यूट HTML में मीडिया तत्व (<audio>, <video>) डेटा डाउनलोड होने के दौरान आवधिक रूप से फायर होता है। यह मीडिया लोडिंग प्रगति दिखाने के लिए उपयोगी है। उदाहरण निम्नलिखित कोड onprogress एट्रिब्यूट का उपयोग दिखाता है: 0) { var loa