Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Les balises audio et video en html5

Eskimon Les balises audio et vidéo en HTML août C CTable des matières Les balises audio et vidéo Les balises audio et vidéo Les éléments importants de ces balises Contrôler simplement le média Interagir un peu plus avec les médias TP Faire votre propre lecteur multimédia Consigne Solution Contenu masqué Le HTML a apporté son lot de nouveautés notamment au niveau du contenu multimédia En e ?et avant il était bien souvent nécessaire de faire appel à des conteneurs lourds comme Flash Dorénavant des balises dédiées à ces usages ont été introduites ?? pour les contenus audio ET vidéo ?? pour les contenus audio uniquement Dans ce tutoriel nous allons découvrir comment utiliser ces deux balises Nous verrons tout d ? abord une approche simple de ces dernières puis nous étudierons comment rendre les choses plus intéressantes en essayant de créer notre propre lecteur multimédia en HTML i A ?n de bien suivre ce tutoriel de petites bases en HTML sont nécessaires ainsi qu ? un peu de JavaScript i La balise ayant un comportement très proche de celle de la vidéo à quelques fonctions près je me concentrerai davantage sur cette dernière A la ?n de ce tutoriel vous serez en mesure de réaliser votre propre lecteur multimédia HTML Voici quelques exemples Contenu masqué n C Les balises audio et vidéo Les balises audio et vidéo Les balises audio et vidéo Comme vous le savez en HTML tout élément est représenté par une balise audio et video ne feront pas exception Ces éléments sont de type block et sont écrits de la manière suivante Les éléments importants de ces balises Bien que leurs buts soient di ?érents ces deux balises sont très similaires dans leur comportement Finalement la seule di ?érence entre un contenu audio et vidéo est que le second peut inclure le premier mais pas nécessairement Dans un cas comme dans l ? autre on souhaite lire une piste et a ?cher une interface à l ? utilisateur pour interagir avec cette dernière Cela nous amène donc au premier attribut indispensable de ces deux balises la source La source Savoir a ?cher une balise audio vidéo c ? est bien mais si on ne lui donne rien à a ?cher on n ? est pas plus avancé Il va donc falloir donner une source à a ?cher Tout comme pour une image elle peut être relative ou absolue Il existe deux moyens pour la spéci ?er Via l ? attribut src Là encore comme pour une image il su ?t de spéci ?er l ? attribut src pour donner un lien vers la vidéo ou le ux audio à lire C Les balises audio et vidéo Via la balise Cependant il peut être intéressant de proposer plusieurs formats à l ? utilisateur En e ?et tous les navigateurs ne savent pas lire tous les formats vidéo On propose donc la même vidéo dans des formats di ?érents et le navigateur choisira Pour cela on utilise la balise