track元素与video外挂字幕演示页面

展示

代码

• HTML：

  <video id="video" width="180" height="314" controls>
      <source src="./sing-song.mp4" type="video/mp4">
      <track src="/assets/sing-song.vtt" kind="subtitles" label="中文字幕" srclang="zh" default>
      <track src="/assets/sing-song_fix.vtt" kind="subtitles" label="中文字幕（修正）" srclang="zh"> 
  </video>
  <p><button onClick="video.play();">重播</button></p>

• Vtt：

  sing-song.vtt代码：
  WEBVTT
  
  00:00:00.001 --> 00:00:01.000
  请把你的锅
  
  00:00:01.001 --> 00:00:03.500
  带回你的虾
  
  00:00:03.501 --> 00:00:07.000
  请把你的微笑留下……
  
  00:00:07.501 --> 00:00:10.000
  请把你的锅
  
  00:00:10.001 --> 00:00:12.000
  带回你的虾
  
  00:00:12.001 --> 00:00:15.000
  请把你的微笑留下