Sous-titres vidéo pseudo-élément CSS ::cue




<video loop autoplay controls>
<source src='Le Cave se rebiffe.mp4' type='video/mp4'>
<track src="sous-titres.vtt" kind="subtitles" srclang="fr" default>
</video>




video {
	
max-width: 100%

}
	
video::cue {

color: white;
font-size: 22px;
line-height: 80px;
background: black;
text-shadow: 0 0 10px black
	
}
	
video::cue i {
	
  font-style: italic;
}
	
video::cue(v) {
	
  color: yellow;
}



Télécharger le fichier vtt (.vtt)

👉 Source, inspiration, ressources :

A voir sur ce blog les pseudo-éléments CSS.

Elément HTML5 track🔗.