HTML5 les sous titres vidéos VTT
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
ET dans le HTML5
____________________________________
ce qui donne en VTT
ET dans le HTML5
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+FoxLeRenard
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+FoxLeRenard
4 réponses
-
ModérateurBonjour,
As tu essayé avec du Javascript ?
Un truc du genrevar video = document.querySelector('video'); for (var i = 0; i < video.textTracks.length; i++) { video.textTracks[i].mode = 'hidden'; }
-
Merci de ta réponse, je vais tester mais ça ne me dit pas ,je découvres et te tiens au courant.
-
Désolé ça ne marche pas et lorsque tu veux réactivé tu bloques le javascript
-
Tu peux me montrer ou tu le mets dans ton code , et comment l'activer ensuite ?? merci
