Thuộc tính textTracks của đối tượng Video trong HTML DOM trả về một đối tượng TextTrackList chứa thông tin về các track văn bản cho video.
Cú pháp
Trả về đối tượng TextTracksList:
mediaObject.textTracks
Ví dụ
Ví dụ minh họa thuộc tính 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="Lấy tổng track văn bản"> <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 = 'Tổng track văn bản '+demo.textTracks.length; divDisplay.textContent += ', 1. '+demo.textTracks[0].label; divDisplay.textContent += ', 2. '+demo.textTracks[1].label; } </script> </body> </html>
Kết quả
Trước khi nhấn nút „Lấy tổng track văn bản“:
Sau khi nhấn nút „Lấy tổng track văn bản“:
