HTML5 les sous titres vidéos VTT
FoxLeRenard
Messages postés
74
Statut
Membre
-
jordane45 Messages postés 40050 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 40050 Date d'inscription Statut Modérateur Dernière intervention -
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
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:
- Appliquez à tous les paragraphes du document, à l’exception des titres ou sous-titres, cette mise en forme : les textes doivent être en retrait de 2 cm par rapport aux marges à gauche et à droite, chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe suivant. sur quelle page se trouve le titre "la cheminée" dans les informations diverses ?
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? - Guide
- Règle en cm sur téléphone - Guide
- Mise en forme conditionnelle excel - Guide
- Windows 11 barre des taches a gauche - Guide
- Trouver un film sans le titre - Télécharger - Divers TV & Vidéo
4 réponses
Bonjour,
As tu essayé avec du Javascript ?
Un truc du genre
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';
}
