​x
 
<!DOCTYPE html>
<html>
<body>
​
<video id="myVideo" width="640" height="360" controls>
  <source src="/i/video/shanghai.mp4" type="video/mp4">
  <source src="/i/video/shanghai.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
​
<p>单击该按钮可添加新的文本轨道。</p>
​
<button onclick="myFunction()">试一试</button>
​
<p><b>注释：</b>任何主流浏览器都不支持 addTextTrack 方法。</p>
​
<script>
var x = document.getElementById("myVideo");
​
function myFunction() { 
  var y = x.addTextTrack("caption");
  y.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","", true));
} 
</script>
​
</body>
</html>
​