使用TTML添加HTML5视频字幕

使用TTML添加HTML5视频字幕,html,html5-video,webvtt,ttml,vtt,Html,Html5 Video,Webvtt,Ttml,Vtt,我目前正在尝试播放一部有字幕的电影。TTML格式是必需的。我在本页上使用了以下示例: TTML: 我的播放器代码如下: <video id="video" controls="" autobuffer="" autoplay="" loop=""> <track enabled kind="captions" src="{{url}}" srclang="en" label="English Subtitles" default /> &l

我目前正在尝试播放一部有字幕的电影。TTML格式是必需的。我在本页上使用了以下示例:

TTML:

我的播放器代码如下:

    <video id="video" controls="" autobuffer="" autoplay="" loop="">
        <track enabled kind="captions" src="{{url}}" srclang="en" label="English Subtitles" default />
    </video>

使用VTT格式(.VTT文件,text/VTT mimetype),Chrome能够使用字幕并按预期显示它们。但是,使用TTML格式(.xml文件,text/vtt-mimetype),Chrome和Opera在我单击以启用字幕且未显示字幕后删除CC按钮

我尝试过调整mimetype,但经常出现错误“资源被解释为textrack,但使用mimetype text/xml传输”(尝试了application/xml+ttml和其他一些)


我的目标是让TTML文件像VTT文件一样播放字幕

Chrome不支持TTML,也不打算这样做:

WEBVTT

00:00:01.878 --> 00:00:05.334
Good day everyone, my name is John Smith

00:00:08.608 --> 00:00:15.296
This video teaches you how to 
build a sand castle on any beach.
    <video id="video" controls="" autobuffer="" autoplay="" loop="">
        <track enabled kind="captions" src="{{url}}" srclang="en" label="English Subtitles" default />
    </video>