HTML5Media
Élément HTML5 MEDIA
Eléments MEDIA
- <audio> pour définir le contenu audio.
- <video> pour définir une vidéo ou un film.
- <source> pour définir les ressources de <video> et <audio>.
- <embed> pour définir un conteneur pour une application externe ou un contenu interactif (plug-in).
- <track> pour définir le texte (tracks) des <video> et des <audio>.
Balise HTML5 VIDEO
C'est le navigateur qui choisi son format :
<video controls="true" style="max-width: 100%; height:auto;">
<source src="mon_movie.mp4" type="video/mp4">
<source src="mon_movie.ogg" type="video/ogg">
<source src="mon_movie.webm" type="video/webm">
Votre navigateur ne support pas le HTML5 et sa balise video
</video>
<source src="mon_movie.mp4" type="video/mp4">
<source src="mon_movie.ogg" type="video/ogg">
<source src="mon_movie.webm" type="video/webm">
Votre navigateur ne support pas le HTML5 et sa balise video
</video>
Exemple d'utilisation de la nouvelle balise HTML 5 "video" (pas compatible avec IE) :
Votre navigateur ne support pas le HTML 5 et sa balise <video>
1.Note: Ogg est le nom attribué à une manœuvre tactique du jeu Netrek. Le format webm est basé sur un conteneur dérivé de Matroskav (format MKV).
On peut aussi utiliser la syntaxe :
<video controls="true" src="helicoptere.ogg" style="max-width: 100%; height:auto;">
Votre navigateur ne support pas le HTML5 et sa balise video
</video>
Votre navigateur ne support pas le HTML5 et sa balise video
</video>
Pour le test, téléchargez la vidéo au format ogg: helicoptere.ogg
Attention: la balise HTML5 video ne fonctionne qu'avec le format ogg ou mp4.
Balise HTML5 AUDIO
<audio controls>
<source src="coincoin.ogg" type="audio/ogg"/>
<source src="coincoin.mp3" type="audio/mpeg"/>
Votre navigateur ne supporte pas... </audio>
<source src="coincoin.ogg" type="audio/ogg"/>
<source src="coincoin.mp3" type="audio/mpeg"/>
Votre navigateur ne supporte pas... </audio>
