HTML5 视频 + TTML 字幕不显示字幕

Posted 2023-03-07

【中文标题】HTML5 视频 + TTML 字幕不显示字幕

【英文标题】：HTML5 video + TTML subtitle is not displaying subtitle

【发布时间】：2014-12-10 12:38:01

【问题描述】：

我正在尝试在视频中显示我的字幕。我有视频的 mp4 视频和 ttml 文件。将其放入 html 代码时，视频正在播放，但没有字幕出现[在 chrome 中检查]。 当我在 IE11 中检查时，它在 HTML5 视频播放器中显示 CC 选项，但也没有字幕。

这是我尝试过的 http://jsfiddle.net/ilaiya/s49zessy/

<video controls autoplay  >
    <source type="video/mp4" src="https://ccdpoc.blob.core.windows.net/asset-b82767bd-bf28-4e03-a2d2-329d6df2b633/Index.mp4?sv=2012-02-12&sr=c&si=107ca7bf-272e-48a9-b824-a48da8b7fe90&sig=o8PPGNFD6k0B7PMwdvZdjEy%2FuRc2r4urqqFd5GJyN2k%3D&st=2014-12-10T10%3A40%3A14Z&se=2016-12-09T10%3A40%3A14Z">

    <track src="https://ccdpoc.blob.core.windows.net/sourceaes34/subtitle.ttml" label="English subtitle" kind="subtitles" srclang="en-us" default>
</video>

【参考方案1】：

Chrome 不支持 TTML 带外文本轨道。目前，元素内部只能使用 WebVTT。

一般来说，Chromium 正在尝试从 Blink 中删除 XML：https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/vXuOTK5M0hM。