What is the easiest way to add subtitles for videos?

Question

HTML

Found this code:

<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>

The subtitle format is:

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]

But for some reason it doesn't work.

Answer 1

I've already tried everything with
the subtitle format like this:

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.