Hello all. I am working on making a simple local web-page media player for some local video files that I have. One of the things I am very particular about having is subtitles, seeing as I often times have a hard time hearing what people are saying all the time. While I am not a new-comer to HTML by any means, I have never done this before. I followed some tutorials, but it still refuses to work. I can't tell if I'm missing something obvious, or if there is a large problem at play here. Here is some example code below:
[CODE lang="html" title="HTML Video Subtitle Example" highlight="3"]<video width="1440" height="1080" controls>
<source src="file:///R:\Star Trek\Shows\The Original Series\Season 1\1 - Episodes\1 - The Man Trap.m4v" type="video/mp4">
<track src="file:///R:\Star Trek\Shows\The Original Series\Season 1\1 - Episodes\Subtitles\VTT Files\1 - The Man Trap_Subtitles[eng].vtt" kind="subtitles" srclang="en" label="English" default>
</video>[/CODE]
As you can see, nothing complicated here. However, when I load the web-page, while the video loads just fine, the subtitles are nowhere to be found. And I've also verified that the WebVTT file is valid as well, though here is a clip from it in case somebody asks:
[CODE title="VTT Subtitle Example"]WEBVTT
1
00:00:05.797 --> 00:00:09.259
KIRK:
Captain's log, stardate 1513.1.
2
00:00:09.426 --> 00:00:12.763
Our position, orbiting planet M-113.
3
00:00:12.930 --> 00:00:14.264
On board the Enterprise,
4
00:00:14.723 --> 00:00:17.684
Mr. Spock, temporarily in command.[/CODE]
I've been scratching my head over this issue for quite a while now, and any help would be very much appreciated! I am happy to share any additional images or code that anyone might need. Thanks in advance!
[CODE lang="html" title="HTML Video Subtitle Example" highlight="3"]<video width="1440" height="1080" controls>
<source src="file:///R:\Star Trek\Shows\The Original Series\Season 1\1 - Episodes\1 - The Man Trap.m4v" type="video/mp4">
<track src="file:///R:\Star Trek\Shows\The Original Series\Season 1\1 - Episodes\Subtitles\VTT Files\1 - The Man Trap_Subtitles[eng].vtt" kind="subtitles" srclang="en" label="English" default>
</video>[/CODE]
As you can see, nothing complicated here. However, when I load the web-page, while the video loads just fine, the subtitles are nowhere to be found. And I've also verified that the WebVTT file is valid as well, though here is a clip from it in case somebody asks:
[CODE title="VTT Subtitle Example"]WEBVTT
1
00:00:05.797 --> 00:00:09.259
KIRK:
Captain's log, stardate 1513.1.
2
00:00:09.426 --> 00:00:12.763
Our position, orbiting planet M-113.
3
00:00:12.930 --> 00:00:14.264
On board the Enterprise,
4
00:00:14.723 --> 00:00:17.684
Mr. Spock, temporarily in command.[/CODE]
I've been scratching my head over this issue for quite a while now, and any help would be very much appreciated! I am happy to share any additional images or code that anyone might need. Thanks in advance!