HTML DOM Video readyState प्रॉपर्टी
HTML DOM Video readyState प्रॉपर्टी वीडियो की वर्तमान रेडी स्थिति से संबंधित एक नंबर लौटाती है।
सिंटैक्स
नंबर मान प्राप्त करना
mediaObject.readyState
यहां, वापसी मान निम्न हो सकते हैं:
- 0 (HAVE_NOTHING) दर्शाता है कि कोई जानकारी उपलब्ध नहीं है
- 1 (HAVE_METADATA) दर्शाता है कि मीडिया के लिए मेटाडेटा तैयार है और वीडियो सीक करने योग्य है
- 2 (HAVE_CURRENT_DATA) दर्शाता है कि वर्तमान प्लेबैक स्थिति के लिए डेटा उपलब्ध है, लेकिन अगला फ्रेम चलाने के लिए पर्याप्त डेटा नहीं है
- 3 (HAVE_FUTURE_DATA) दर्शाता है कि वर्तमान स्थिति के लिए डेटा और कम से कम दो फ्रेम से अधिक वीडियो के लिए भी डेटा उपलब्ध है
- 4 (HAVE_ENOUGH_DATA) दर्शाता है कि प्ले शुरू करने के लिए पर्याप्त डेटा उपलब्ध है
उदाहरण
आइए HTML DOM Video readyState प्रॉपर्टी का एक उदाहरण देखें:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video readyState</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-Video-readyState</legend> <video id="demo" width="320" controls><source src="" type="video/mp4"></video><br> <input type="button" onclick="setTrackDetails()" value="Set Source"> <input type="button" onclick="getTrackDetails()" value="Get ready State"> <div id="divDisplay"> </div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); var srcOfMedia = 'https://www.tutorialspoint.com/html5/foo.mp4'; function getTrackDetails() { divDisplay.textContent = 'ready State: '+demo.readyState; } function setTrackDetails() { demo.src = srcOfMedia; demo.load(); } </script> </body> </html>
आउटपुट
'Get ready State' बटन पर क्लिक करने पर जब कोई सोर्स परिभाषित नहीं है:
'Get ready State' बटन पर क्लिक करने पर जब सोर्स परिभाषित है:
