为什么我的 html5 视频中没有显示我的 vtt 字幕？

Question

我正在尝试将字幕与我的 HTML5 视频标签一起使用，但无法正常工作。我认为问题在于视频源不是本地文件。有谁知道我该如何解决这个问题？

<html>
<head>
    <style id="stndz-style"></style>
    <meta name="viewport" content="width=device-width">
</head>
<body>
    <video id="video" controls autoplay="" name="media">
        <source src="http://localhost:8888/" type="video/mp4">
        <track label="Dutch" kind="subtitles" srclang="nl" src="/home/ubuntu/Desktop/scripts/example.vtt" default>
    </video>
</body>
</html>

这是我的 example.vtt:

WEBVTT

00:01.000 --> 00:04.000
Never drink liquid nitrogen.

00:05.000 --> 00:09.000
- It will perforate your stomach.
- You could die.

Answer 1

原来问题出在 cromium 不允许我使用本地文件。所以我的解决方法是像这样运行铬：

chromium --allow-file-access-from-files

为什么我的 html5 视频中没有显示我的 vtt 字幕？

Why don't my vtt subtittles show up on my html5 video?

html

video

subtitle

webvtt