La vidéo

Il n'y a pas grand-chose à ajouter en ce qui concerne les vidéos. Le principe de fonctionnement est exactement le même que pour les lectures audio. L'élément <video> possède toutefois quelques propriétés en plus :

Propriété	Description
height	Hauteur de la zone de lecture
width	Largeur de la zone de lecture
poster	Récupère l'attribut poster
videoHeight	La hauteur de la vidéo
videoWidth	La largeur de la vidéo

En dehors de ça, la création et la personnalisation de la lecture d'une vidéo est rigoureusement identique à celle d'une piste audio.

À l'heure où ce cours est rédigé, l'implémentation des éléments <audio> et <video> n'est pas encore parfaite au sein des différents navigateurs, surtout en ce qui concerne leurs anciennes versions ou certains systèmes d'exploitation qui ne bénéficient pas toujours des bons codecs. Pour se faciliter la vie, il peut être utile d'utiliser un framework Javascript destiné à la lecture d'éléments <audio> et <video>. Ce genre de framework propose généralement une solution en Flash si le navigateur n'est pas à la hauteur du HTML5.

Voici quelques frameworks qu'il peut être intéressant de considérer :

En résumé

Les éléments <audio> et <video> possèdent tous les deux de nombreux attributs et méthodes afin que chacun puisse créer un lecteur entièrement personnalisé.
La différence entre les deux éléments est minime. Ils sont tous les deux basés sur le même objet, l'élément <video> n'apporte que quelques attributs supplémentaires permettant de gérer l'affichage.
Contrairement au Flash, la protection du contenu n'existe pas avec ces deux éléments. De plus, ils ne sont pas encore entièrement supportés par tous les navigateurs Web. Réfléchissez donc bien avant d'écarter définitivement toute solution avec Flash !

Créé avec HelpNDoc Personal Edition: Créer des livres électroniques facilement