HTML5 les sous titres vidéos VTT

Fermé
FoxLeRenard Messages postés 68 Date d'inscription samedi 2 juillet 2005 Statut Membre Dernière intervention 8 novembre 2024 - 28 sept. 2021 à 15:29
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 1 oct. 2021 à 01:01
Bonjour,
je sais que les sous titres vidéos pour HTML5 ne sont pas encore validés WC3 pourtant il faut mieux s'y mettre puisque demain je ne vais pas refaire mes 400 vidéos de formation !
Alors nous en sommes ou ??
1) le format je le connais c'est VTT
2) La syntaxe par rapport c'est presque pareil
juste un point au lieu d'une virgule
une entête "WEBVTT" alors que en SRT il n'y en à pas
plus de numéros d'ordre
3) un code de complément de la balise VIDEO

ce qui donne en SRT

1
00:00:20,560 --> 00:00:21,240
Bonjour,
2
00:00:21,680 --> 00:00:23,560
notre site de formation progresse.
3
00:00:24,000 --> 00:00:26,560
Il sera terminé avant la fin 2022.

ET dans le HTML5

<video width='80%' controls='controls' poster='logos/video001.jpg' autoplay='true'>
<source src='dobrociant/video001/video001.mp4' type='video/mp4' >
</video>

____________________________________

ce qui donne en VTT

WEBVTT

00:00:20.560 --> 00:00:21.240
Bonjour,

00:00:21.680 --> 00:00:23.560
notre site de formation progresse.

00:00:24.000 --> 00:00:26.560
Il sera terminé avant la fin 2022.

ET dans le HTML5

<video width='80%' controls='controls' poster='logos/video001.jpg' autoplay='true'>
<source src='dobrociant/video001/video001.mp4' type='video/mp4' >
<track default src='dobrociant/video001/video001.vtt'>
</video>



Alors j'en suis là, et je ne sait pas en auto ne pas avoir les sous-titres et pouvoir les activés avec le menu, par défaut il les affichent , une idée ??
test ici :
https://les-astuces-du-web.com/video001.php

Merci d'avance
A voir également:

4 réponses

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
28 sept. 2021 à 17:06
Bonjour,
As tu essayé avec du Javascript ?
Un truc du genre
var video = document.querySelector('video');

for (var i = 0; i < video.textTracks.length; i++) {
   video.textTracks[i].mode = 'hidden';
}

1
FoxLeRenard Messages postés 68 Date d'inscription samedi 2 juillet 2005 Statut Membre Dernière intervention 8 novembre 2024 2
29 sept. 2021 à 10:53
Merci de ta réponse, je vais tester mais ça ne me dit pas ,je découvres et te tiens au courant.
0
FoxLeRenard Messages postés 68 Date d'inscription samedi 2 juillet 2005 Statut Membre Dernière intervention 8 novembre 2024 2
30 sept. 2021 à 16:09
Désolé ça ne marche pas et lorsque tu veux réactivé tu bloques le javascript
0
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
30 sept. 2021 à 16:29
quand j'ai testé ça fonctionnait...
Faudrait voir comment tu l'a mis en place
0
FoxLeRenard Messages postés 68 Date d'inscription samedi 2 juillet 2005 Statut Membre Dernière intervention 8 novembre 2024 2
1 oct. 2021 à 00:15
Tu peux me montrer ou tu le mets dans ton code , et comment l'activer ensuite ?? merci
0
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
1 oct. 2021 à 01:01
Je l'ai testé directement dans la console.
Mais c'est à toi de nous montrer ce que tu as essayé puisque tu dis que ça ne fonctionne pas....
0