使用TTML添加HTML5视频字幕
我目前正在尝试播放一部有字幕的电影。TTML格式是必需的。我在本页上使用了以下示例: TTML: 我的播放器代码如下:使用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
<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>