Какой самый простой способ добавить субтитры для видео?

Question

[mrWan]

Нашел вот такой код:

<video class="" poster="1.png" controls tabindex="0" title="">
	<source src="1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	<track src="1.vtt" label="Русские субтитры" kind="subtitles" srclang="ru" default>
	<track src="2.vtt" label="Английские субтитры" kind="subtitles" srclang="ru" default>
</video>

Формат субтитров - такой:

1
00:00:14.014 --> 00:00:16.016
[theme music playing]

2
00:01:19.040 --> 00:01:23.040
Corrected by <font color="#00ffff">GoldenBeard</font>

3
00:01:25.585 --> 00:01:26.795
[horns honking]

4
00:01:26.879 --> 00:01:28.631
[indistinct chatter]

Но он почему то не работает.

Comments

[Moskus]

Во-первых, исправьте код track-ов так, чтобы у вас был только один default.
Во-вторых, исправьте srclang, чтобы код языка соответствовал (а не был везде ru).
В-третьих, попробуйте изменить label, чтобы он был латинскими буквами (Russian, English).
Следуйте рекомендациям в статье https://developer.mozilla.org/en-US/Apps/Fundament...

Answer 1

[mrWan]

Уже все перепробовал
формат субтитров такой:

WEBVTT

1
00:00:14.014 --> 00:00:16.016
[theme music playing]

2
00:01:19.040 --> 00:01:23.040
Corrected by <font color="#00ffff">GoldenBeard</font>

3
00:01:25.585 --> 00:01:26.795
[horns honking]

4
00:01:26.879 --> 00:01:28.631
[indistinct chatter]

5
00:02:09.046 --> 00:02:11.715
[hip-hop music playing over headphones]

6
00:02:16.428 --> 00:02:18.138
[chuckles] That's my building.

Comments

[Moskus]

Если вы хотите что-то дописать к вопросу - редактируйте сам вопрос. Если хотите ответить другим ответившим - комментируйте их ответы. Не используйте функцию "ответить на вопрос".

[mrWan]

Все, сделал. Спасибо всем за ответы. Не работало, потому что запускал файл с помощью браузера, запустил его на сервере и все окей))