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

时间:2014-12-10 12:38:01

标签: javascript html5 video subtitle ttml

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

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

<video controls autoplay height="400" width="400">
    <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 个答案:

答案 0 :(得分:0)

Chrome不支持TTML带外文字追踪。目前,只能在元素内部使用WebVTT。

通常,Chromium正试图从Blink中移除XML:https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/vXuOTK5M0hM