Graphiques HTML5 dans les sous-titres en utilisant Webvtt

Question

J'essaie d'obtenir de petits graphiques dans les sous-titres vidéo (format Webvtt) affichés par le <track> -Element en HTML5 (en utilisant Chrome). Je l'ai essayé avec CSS jusqu'à présent en utilisant content:url() ou background-image:url() mais n'a pas réussi. Est-ce que quelqu'un a des idées ou des astuces pour résoudre mon problème?

Merci à l'avance

Answer 1

1/vous pouvez essayer d'ajouter div sur balise vidéo avec z-index, et ne pas utiliser la piste. 2/vous écrivez la fonction javascript qui mettent à jour la div avec vos sous-titres 3/vous pouvez « NCS » il;)

Answer 2

utilisation :: sélecteur de cue comme ceci:

::cue { 
    color: #FFF; 
    background: transparent; 
    text-shadow: black 0 0 0.2em; 
    font: 1.2em sans-serif; 
}