

Proč se mi nenačítají vtt titulky k videu v HTML5?
Nemohu přijít na to, co dělám blbě.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<video controls width="640" height="360"poster="obrazek.jpg">
<source src="dest-okno.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'>
<track src="dest-okno.vtt" kind="subtitles" srclang="cs" default>
</video>
obsah dest-okno.vtt
WEBVTT FILE
1
00:00:05,301 --> 00:00:010,001
<font color="yellow">-Ahoj lidi</font>
2
00:00:11,853 --> 00:00:13,104
<font color="yellow">toto jsou titulky</font>
3
00:00:16,919 --> 00:00:18,401
<font color="#66FF00">-jen ale prší,</font>
4
00:00:19,050 --> 00:00:23,600
<font color="#66FF00">všechno zmoklo.</font>
a titulky se mi nenačtou.
Formát těch titulků není správný. Tipnul bych si, že jsi prostě vzal srt titulky a na začátek dal Webvtt.
Hurá (jo, byly to srt - někde jsem četl, že stačí přidat nahoru to W4EBVTT) dal jsem tam z https://www.titulkovani.cz/o-titulkovani/index.php?blog=format-webvtt
a už to funguje. Jdu zkoumat, jak je barvit, pozicovat etc.
takisto ti chýba atribút label v track tagu
https://developer.mozilla.org/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video