0

我正在尝试使用轨道元素。我认为我的代码和.vtt文件都是有效的。但是，当我运行该页面时（即使在本地主机上），我看不到字幕。我读到必须配置服务器，以便它可以提供.vtt具有正确 MIME 类型的文件。我在本地使用 Xampp 我必须做什么才能看到字幕。

这是我的代码和 WebVTT 文件，其中引用了歌曲 Twinkle Twinkle Little Star 的视频

<!DOCTYPE html>
<html>
<head>
<title>Track</title>
</head>
<body>
<video controls>
    <source src="twinkle.mp4" type="video/mp4">
    <track src="altyazi_tr.vtt" kind="subtitles" srclang="tr" label="turkce" default>
</video>
</body>
</html>

WEBVTT

00:00:00,000 --> 00:00:03.000
Twinkle Twinkle Little Star

00:00:03,000 --> 00:00:06.000
How I wonder what you are
4

1 回答 1

2

通过一些研究和实验，我找到了解决问题的方法。为了能够向 Xampp 附带的 Apache 服务器添加 MIME 类型：

  • 转到目录...\Xampp\apache\conf
  • 用记事本打开文件 mime.types
  • 将 MIME 类型添加到文件中（对于这个问题，要添加的行是“text/vtt vtt”）
  • 保存文件并重新启动服务器
于 2014-10-13T12:46:30.127 回答