CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Les Attributs de la Balise Vidéo en HTML5

Les Attributs de la Balise Vidéo en HTML5

Attributs poster controls loop autoplay width height
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 les suivants :
1. Comprendre les paramètres de la balise vidéo en HTML5.
2. Apprendre à configurer ces attributs pour une meilleure intégration vidéo.
3. Savoir comment améliorer l'interface utilisateur et l'interactivité des vidéos dans des pages web.

Découvrez les attributs essentiels de la balise vidéo en HTML5, incluant controle, width, height, poster et loop.

Dans cette vidéo, nous explorons les différents attributs pouvant être utilisés avec la balise vidéo en HTML5. Tout d'abord, nous avons l'attribut controls qui permet d'afficher la barre de contrôle de la vidéo, facilitant ainsi la lecture et la mise en pause par l'utilisateur. Ensuite, l'attribut width permet de définir la largeur de la vidéo, que nous avons ici fixée à 400 pixels afin de s'ajuster au design de la page. L'attribut height peut également être utilisé pour spécifier la hauteur de la vidéo; il est important de choisir une hauteur proportionnelle à la largeur pour préserver les dimensions correctes.

Un attribut particulièrement utile est poster, qui permet de définir une image d'affichage avant le démarrage de la lecture. Cette image peut être choisie pour attirer l'attention de l'utilisateur dès le premier coup d'œil. Enfin, l'attribut loop offre la possibilité de lire la vidéo en boucle continue. En somme, ces attributs apportent une personnalisation et une interactivité précieuses à vos vidéos HTML5.

Voir plus
Questions réponses
Quel attribut permet d'afficher la barre de contrôle sur une vidéo HTML5 ?
L'attribut 'controls' permet d'afficher la barre de contrôle sur une vidéo HTML5.
Pourquoi est-il important de maintenir un rapport proportionnel entre la largeur et la hauteur d'une vidéo ?
Maintenir un rapport proportionnel entre la largeur et la hauteur d'une vidéo préserve ses dimensions correctes, évitant ainsi les distorsions d'image.
Quel est le rôle de l'attribut 'poster' en HTML5 ?
L'attribut 'poster' permet d'afficher une image de démarrage avant le lancement d'une vidéo afin d'attirer l'attention de l'utilisateur.

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 2 ans
Parfait pour un débutant.
geoffrey.monange
Il y a 3 ans
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 ans
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 ans
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 ans
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 4 ans
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 4 ans
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 ans
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 ans
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.