現在、字幕付きの映画を再生しようとしています。TTML 形式が必要です。このページの例を使用しています: https://msdn.microsoft.com/en-us/library/ie/jj152136%28v=vs.85%29.aspx
TTML:
<?xml version='1.0' encoding='UTF-8'?>
<tt xmlns='http://www.w3.org/ns/ttml' xml:lang='en'>
<body>
<div>
<p begin="00:00:01.878" end="00:00:05.334">Good day everyone, my name is John Smith</p>
<p begin="00:00:08.608" end="00:00:15.296">This video will teach you how to<br/>build a sand castle on any beach</p>
</div>
</body>
</tt>
垂直:
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>
VTT 形式 (.vtt ファイル、text/vtt mimetype) を使用すると、Chrome は字幕を使用して期待どおりに表示できます。ただし、TTML 形式 (.xml ファイル、text/vtt mimetype) を使用すると、クリックしてキャプションを有効にすると、Chrome と Opera で CC ボタンが削除され、字幕が表示されません。
MIME タイプを調整しようとしましたが、「リソースは TextTrack として解釈されましたが、MIME タイプ text/xml で転送されました」というエラーが頻繁に発生しました (application/xml+ttml などを試しました)。
私の目標は、VTT ファイルと同じように TTML ファイルで字幕を再生することです。