Aller au contenu principal

Guillaume Duverger Développeur & graphiste - Blog

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

Dernière modification : juin 2022

Le code :



<video controls>
<source src='video.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;

	
}
	
video::cue i {
	
  font-style: italic;
}
	
video::cue(v) {
	
  color: yellow;
}





Vous rencontrez un problème avec cette démonstration ?

Vous avez constaté un oubli ou une erreur dans le code ? N'hésitez pas à me le signaler par mail (contact@guyom-design.com). Vous ne parvenez pas à faire fonctionner la démonstration ? Vous pouvez également me contacter et je vous aiderai si je le peux.