将字幕显示为另一个元素HTML5

Question

我有以下代码用于播放视频并显示其字幕轨道。

<video id="vTest" class="playr_video" controls preload="metadata">
       <source src='upc-tobymanley.theora.ogg' type='video/ogg'>
       <source src='upc-tobymanley.mp4' type='video/mp4'>
       <track label="English subtitles" kind="subtitles" srclang="en" src="upc-video-subtitles-en.vtt" default>
   </video>
<div id="subtitle"> </div>

是否可以在<div id="subtitle"> </div>内显示字幕而不是播放器？

Answer 1

在tb元素

之后添加此javaScript

142600.to_s.sub(/0+$/,'') # /0+$/ is regex to find all trailing 0s
#=> "1426"

14200006000000000.to_s.sub(/0+$/,'').to_i
#=> 14200006

定义一些css

<video>