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

• 🏠 Accueil blog
• 📌CSS
• 📌Démonstrations CSS
• 📌Pseudo-élément CSS
• 📌HTML5

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