<video> : c'est du <track> cas ! HELP [EDIT 2h après] [Merci Bill2]

Et allez, encore une matinée de perdue pour un truc que j'avais pas prévu et qui devrait fonctionner parfaitement: la balise <video> et la balise <track> pour ajouter les sous-titres.

Pour afficher une video pour les élèves avec les sous-titres que j'ai traduit de youtube, en gros, je fais un truc comme ça:


<video controls title="sdfgsdfg" preload="auto" >
    <source src="http://serveur/Marco Castelblanco.mp4"  type="video/mp4">
    <track kind="subtitle" srclang="fr" label="sous-titre" src="http://serveur/Marco Castelblanco.vtt" default="true"/>
    Sorry, your browser doesn't support embedded videos.
</video>

Pour ce fichier de sous-titres, J'ai :

  • récupéré vidéo+sous-titres avec JDownloader
  • j'ai traduit les sous-titres
  • j'ai converti le format .srt fourni par yt en .vtt, le format compatible avec track

MAIS ÇA MARCHE PAS

  • J'ai beau essayer en local, en distant,
  • en http et en https,
  • dans un fichier html ou php,
  • sur firefox/chromium/vivaldi,
  • tous les fichiers se chargent normalement (ils n'apparaissent pas comme 404 dans la console-réseau.)
  • l'encodage est bon
  • le format de fichier (vtt) est bon aussi...
  • [edit] l'attribut crossorigin sur video ne change rien

J'ai cherché partout, je me prends la tête depuis des heures...

J'ai même essayé de forcer le track.mode à "showing" au cas où. Mais non.

Si quelqu'un a une idée, je prends...

Solution !

Il suffit de mettre kind="captions" au lieu de kind="subtitle" pour que ça fonctionne...

Merci à Bill2 pour la solution !

EN FAIT C'EST MOI K'É COUILLON

Une matinée perdue pour un «s» manquant à subtitleS : kind="subtitles"

❝ 9 commentaires ❞

1  Bill2 le

Tu as tenté l'attribut crossorigin sur la balise video ?

 
2  Bronco le

Oui, j'ai essayé mais sans succès... en plus tout est sur le même serveur...

 
3  Bill2 le

J'ai regardé l'exemple sur la doc de FF, qui fonctionne.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track


Seule différence avec toi :
l'attribut default, le kind, et le fait de ne pas fermer la balise
<track kind="subtitle" srclang="fr" label="sous-titre" src="http://serveur/Marco Castelblanco.vtt" default="true"/>
contre
<track default="" kind="captions" srclang="en" src="/media/examples/friday.vtt">


sur un malentendu, teste ça :
<track default="" kind="captions" srclang="fr" src="http://serveur/Marco Castelblanco.vtt" >


voire même ... indique une langue en "en"

 
4  Bronco le

OMAGAD ! ça marche !
En fait, contre toute attente, il faut mettre kind="captions" pour que ça fonctionne (contrairement à ce que disait la doc...)


Merci ! BEAUCOUP !

 
5  Bill2 le


Cette doc est un

 
6  Oros le

Il y a un «s» à «subtitles».
kind=&quot;subtitles&quot;

 
7  Bronco le

 
8  Oros le

Mais non, t'es pas une merde.
Ça arrive à tout le monde de ne pas voir un caractère manquant et je sais de quoi je parle XD
Faire relire son code par quelqu'un d'autre ça sert toujours ;-)

 
9  Bronco le

Merci ça me fait du bien que tu me parles comme ça !


 

Fil RSS des commentaires de cet article

✍ Écrire un commentaire

les commentaires relevant du SPAM seront filtrés et dégagés direct...

Quelle est le cinquième caractère du mot 5f0l6q ?