CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Comprendre et Utiliser les Formats Vidéo pour le Web

Comprendre et Utiliser les Formats Vidéo pour le Web

La balise source, format des fichiers ccompatibilité des formats, conversion en ligne
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription

79,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,7
79,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de:
Comprendre les différences entre les codecs et les formats vidéo.
Savoir sélectionner les formats optimaux pour la diffusion web.
Apprendre à intégrer ces formats dans une page HTML5.

Cette leçon présente un aperçu détaillé des formats de fichiers vidéo et de leurs codecs, nécessaires pour assurer une compatibilité optimale sur différents navigateurs web.

Dans cette leçon, nous explorons les divers formats de fichiers vidéo et leurs codecs associés. Nous commençons par une comparaison entre les codecs audio et vidéo, en soulignant l'importance de ces derniers dans la compression des images vidéo. Nous discutons de trois formats principaux pour le web:

  • H.264 (extension MP4): Très utilisé mais avec des restrictions de gratuité pour des usages spécifiques.
  • OGG Theora: Format libre de droits, bien que moins performant que le H.264.
  • WEBM: Également libre de droits, récent, et considéré comme le principal concurrent du H.264.

Nous démontrons également comment intégrer ces formats dans le HTML5 en utilisant la balise source. Pour finir, nous présentons deux ressources utiles: CANIUSE pour vérifier la compatibilité des propriétés et balises, et ONLINECONVERT.COM pour convertir rapidement vos vidéos aux formats adéquats.

Voir plus
Questions réponses
Pourquoi le H.264 n'est-il pas entièrement gratuit?
Le codec H.264 est soumis à des brevets qui limitent son utilisation libre. Il peut être utilisé gratuitement dans certains contextes, mais des frais de licence peuvent s'appliquer pour des usages commerciaux.
Quel est l'avantage principal du format WEBM proposé par Google?
Le format WEBM est libre de droits et offre une bonne performance de compression, ce qui en fait un concurrent sérieux au H.264 pour la diffusion web.
Comment vérifier la compatibilité des balises et propriétés HTML5 avec les navigateurs?
Vous pouvez utiliser l'outil CANIUSE pour vérifier la compatibilité des balises et propriétés HTML5 avec les différents navigateurs et ainsi assurer une meilleure intégration.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 1 year
Commentaire
Parfait pour un débutant.
geoffrey.monange
Il y a 3 years
Commentaire
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 years
Commentaire
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 years
Commentaire
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 3 years
Commentaire
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 3 years
Commentaire
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 3 years
Commentaire
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 years
Commentaire
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 years
Commentaire
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.