video.js 上的 HTML/CSS 格式标题

MPEG DASH 支持字幕信息，无论是作为单独的文件还是在 mp4 容器中。

为字幕定义了不同的格式，但从您的需求描述来看，听起来 W3C TTML 会是一个很好的匹配。

这支持用于设置文本样式的 CSS - 规范包括如下示例：

<region xml:id="r1">
  <style tts:extent="306px 114px"/>
  <style tts:backgroundColor="red"/>
  <style tts:color="white"/>
  <style tts:displayAlign="after"/>
  <style tts:padding="3px 30px"/>
</region>
...
<p region="r1" tts:backgroundColor="purple" tts:textAlign="center">
  Twinkle, twinkle, little bat!<br/>
  How <span tts:backgroundColor="green">I wonder</span> where you're at!
</p>

完整规范可在此处获得（在撰写本文时）：https : //www.w3.org/TR/2018/CR-ttml2-20180313/，您可以在此处查看一些讨论和示例：https://github。 com/rbouqueau/TTML_in_MP4_DASH_statement