video - WinJS 视频元素中的 HTTP 字幕

Question

在HTML media playback sample有一段代码演示了如何向视频添加字幕:

    <video id="subtitleVideo" style="position: relative; z-index: auto; width: 50%;"
        src="http://ie.microsoft.com/testdrive/Videos/BehindIE9AllAroundFast/Video.mp4"
        poster="images/Win8MediaLogo.png" loop controls>
        <track id="scenario3entrack" src="media/sample-subtitle-en.vtt" kind="subtitles"
            srclang="en" default>
    </video>

它工作正常，但是当我将字幕轨道 src 更改为 src="http://gilevskaya.com/subs.vtt" 时，字幕停止工作。

正在提供的文件是相同的，为什么它不起作用以及如何修复它？

Answer 1

我在自己的域中重现了这个问题。起初字幕没有显示。我注意到 Visual Studio 的 JavaScript 控制台中出现错误。

MEDIA12604: Text Track: Unknown MIME type. hr=8007000b

所以我添加了 mime 类型。我的站点在 Apache 上运行。我将这一行添加到 .htaccess 文件中:

AddType text/vtt;charset=utf-8 .vtt

这会将 .vtt 类型设置为 text/vtt 并将编码设置为 utf-8。

我相信不难找到为其他服务器添加 mime 类型的方法。

在我的情况下，我也必须将“www”添加到 url 中……但我认为这与服务器的设置方式有关。你可能不需要这个。