HTML5 - Vidéo

Quand on fait des documents HTML plusieurs fois nous avons besoin d'enrichir notre contenu et aussi plusieurs fois déjà l'utilisation d'animations ou d'effets avec Javascript Ce n'est pas suffisant, dans ces cas, nous devons faire appel au contenu multimédia qui convient à nos besoins, qu'il s'agisse d'un enregistrement, d'une chanson ou d'une vidéo.
Dans le cas d'un travail multimédia, nous pouvons utiliser l'audio et la vidéo avec la spécification de HTML5, en utilisant les nouvelles balises afin que nous ne dépendions pas de langages ou de plugins tiers.
Élément vidéo
HTML5 Il contient un support pour introduire des vidéos dans le cadre du document ou de la page en cours, sans avoir besoin d'utiliser Flash Player ou un autre plug-in, augmentant ainsi la stabilité du navigateur, car les plug-ins sont souvent la cause principale pour lesquels les navigateurs échouent, car ces modules complémentaires sont constamment mis à jour et peuvent entrer en conflit avec de nouvelles fonctionnalités ou améliorations.
L'élément Vidéo HTML5 Il nous permet d'intégrer des vidéos sans nécessiter l'aide d'un plug-in, avec cela nous pouvons lire de petites ou grandes vidéos sur nos pages et enrichir leur contenu.
Pour utiliser l'élément vidéo, nous avons les caractéristiques suivantes que nous devons connaître, afin que nous puissions comprendre le code des exemples suivants.
Élément: vidéo.
Attributs locaux: lecture automatique, préchargement, commandes, boucle, affiche, hauteur, largeur, muet,
src.
Il est à noter que cet élément est totalement nouveau dans HTML5 il peut donc ne pas être compatible avec les anciens navigateurs.
Une fois que nous connaissons l'élément et ses attributs locaux, voyons un petit code sur la façon d'implémenter une vidéo :

 L'exemple de vidéo ne peut pas être affiché 

Comme on peut le voir, on démarre une balise vidéo, on définit ses paramètres de taille, la police et le src, c'est là que l'on trouve la vidéo, dans ce cas elle doit être dans le même dossier que le fichier qui contient le HTMLDans le cas où la vidéo ne peut pas être vue, nous devons afficher un message puis fermer la balise.Si nous avons parcouru les pages avec la vidéo, nous verrons que tout cela nous est très familier lorsque nous voyons ce résultat; Voyons une image de ce à quoi devrait ressembler notre vidéo :

Comme nous l'avons remarqué, il s'agit d'une implémentation assez propre et fonctionnelle.
Nous savions déjà quels étaient les attributs locaux que la balise vidéo peut porter, et nous les avons même mis à l'épreuve dans notre exemple, voyons maintenant ce que chacun signifie.
lecture automatique - si nous mettons cet attribut, le navigateur commencera à lire la vidéo dès qu'il le pourra.
précharge - indique que le navigateur doit ou ne doit pas précharger la vidéo en fonction de ce que nous spécifions dans cet attribut.
les contrôles - le navigateur n'affichera les contrôles que si cet attribut est présent.
boucle - s'il est présent, le navigateur lira la vidéo en boucle sans fin.
affiche - spécifier une image à afficher pendant le chargement de la vidéo.
la taille - indique la hauteur de l'élément vidéo.
largeur - indique la largeur de l'élément vidéo.
en sourdine - s'il est présent, il indique au navigateur que la vidéo doit initialement être lue sans volume.
src - spécifier le chemin de la vidéo à lire.
Avec cela, nous terminons ce tutoriel, où nous avons eu notre première approche de l'élément vidéo et comment l'utiliser dans un document HTMLDe cette façon, nous avons un nouvel outil pour enrichir nos pages.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif