Test des lecteurs multimédia

L'insertion d'un fichier mp3 est très simple avec l'utilitaire intégré au blog.

Il est aussi très simple d'insérer des vidéos, si elles sont hébergées sur un site de partage, et il est même possible de gérer des petites vidéos en local (de moins de 2 Mo), il faut alors utiliser la balise HTML5 <video>.



Vidéo Youtube avec l'iframe Youtube

Le code utilisé :

<div class="external-media" style="margin: 1em auto; text-align: center;"> <iframe width="500" height="400" src="http://www.youtube.com/embed/hkqSsA4LDW8" frameborder="0" allowfullscreen></iframe> </div>

Il est possible d'insérer une vidéo Youtube en insérant le code fourni par Youtube, mais celui-ci n'est pas valide W3C.


La même vidéo Youtube avec un code valide W3C

Le code utilisé :

<object type="text/html" data="http://www.youtube.com/embed/hkqSsA4LDW8" style="width:500px;height:400px;"></object>

Le résultat :




Lecteur audio interne




Vidéo Interne

Le code utilisé :

<video width="90%" height="400" controls="controls"> <source src="public/fichier.mp4" type="video/mp4" /> Vous n'avez pas de navigateur moderne, donc pas de balise video HTML5 ! </video>

Le résultat :