Easy-Micro

LANGAGE HTML5
Media
Élément HTML5 MEDIA

Eléments MEDIA

  1. <audio> pour définir le contenu audio.
  2. <video> pour définir une vidéo ou un film.
  3. <source> pour définir les ressources de <video> et <audio>.
  4. <embed> pour définir un conteneur pour une application externe ou un contenu interactif (plug-in).
  5. <track> pour définir le texte (tracks) des <video> et des <audio>.

HTML5 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>

Exemple d'utilisation de la nouvelle balise HTML 5 "video" (pas compatible avec IE) :


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>

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.

HTML5 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>

HTML5 Pour aller plus loin...


< Page précédente HTML5 Page suivante >