Librox blog

À deux, c’est mieux

Accueil > Informatique > Utiliser HTML5 pour mettre en ligne audio et vidéo

Utiliser HTML5 pour mettre en ligne audio et vidéo

samedi 21 novembre 2009

Voici des exemples de l’utilisation des balises audio et video en HTML 5. Ces balises peuvent être utilisées pour afficher de la musique ou de la vidéo de manière très simple. Attention cependant la norme n’est pas encore validée et ces balises ne fonctionnent qu’avec les navigateurs les plus récents (Firefox entre autres).

Audio

Utilisation simple :

Utilisation du démarrage automatique :

Démarrage automatique sans barre de contrôle (utile pour mettre une musique de fond mais intrusif) :

Vidéo

Utilisation simple :

Choix de la taille d’affichage :

Texte de remplacement si la vidéo ne peut pas s’afficher :

Il est possible d’avoir un affichage proche du plein écran sur une page html séparée (utiliser la touche F11 pour cacher les menus) :

Stockage et format

Dans tous les cas il faut désigner l’adresse physique d’un fichier à lire. Ce fichier devra bien entendu être accessible en lecture pour le serveur web (www-data chez moi). Au niveau des formats, seul le format ogg est supporté par Firefox. Il a pour extension .ogg ou .ogv et c’est un conteneur donc il peut concerner l’audio et/ou la vidéo. Il n’y a pas encore de format standard qui fonctionne sur tous les navigateurs.

Compresser et convertir une vidéo

Références

The video element | HTML5 Doctor

Using the HTML5 video tag | Henrik Sjökvist

Computed style : Lessons From Building a Basic Video Player in HTML5