HTML DOM Video textTracks प्रॉपर्टी
HTML DOM Video textTracks प्रॉपर्टी एक TextTrackList ऑब्जेक्ट लौटाती है जिसमें वीडियो के लिए टेक्स्ट ट्रैक्स के बारे में जानकारी होती है।
सिंटैक्स
TextTracksList ऑब्जेक्ट प्राप्त करना
mediaObject.textTracks
उदाहरण
आइए Video textTracks प्रॉपर्टी का एक उदाहरण देखें:
<!DOCTYPE html> <html> <head> <title>HTML DOM Video textTracks</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-textTracks</legend> <video id="demo" width="320" controls> <source src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"> <track default kind="subtitles" srclang="en" src="sample-en.srt" label="English"/> <track kind="subtitles" srclang="es" src="sample-es.srt" label="Spanish" /> </video><br> <input type="button" onclick="getTrackDetails()" value="Get Total Text Tracks"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); var demo = document.getElementById("demo"); function getTrackDetails() { divDisplay.textContent = 'Total text tracks '+demo.textTracks.length; divDisplay.textContent += ', 1. '+demo.textTracks[0].label; divDisplay.textContent += ', 2. '+demo.textTracks[1].label; } </script> </body> </html>
आउटपुट
'Get Total Text Tracks' बटन पर क्लिक करने से पहले:
'Get Total Text Tracks' बटन पर क्लिक करने के बाद:
