html5media est une librairie javascript permettant de lire de l’audio et de la vidéo dans n’importe quel navigateur, grâce aux balises
Intégrer de un player audio ou vidéo n’aura jamais été aussi simple. Cette librairie est compatible avec tous les navigateurs (Je fais confiance aux infos trouvé sur le site, j’ai pas testé tous les navigateurs). Pour les vieux navigateurs, le script appel un player en flash FlowPlayer.
Un simple appel au fichier contenant le script, et vous pourrez vous servir librement des balises
html5media, player vidéo
Rien de plus simple pour intégrer une vidéo :
<video src="video.mp4" width="320" height="200" controls preload></video>
Dans les options proposés, on retrouve la possibilité d’afficher une image pendant le chargement de la vidéo, histoire que l’internaute est quand même quelque chose à regarder en attendant le chargement.
On peut aussi adapter facilement le player pour une utilisation sur mobile, grâce au code ci-dessous :
<video width="618" height="347" controls preload>
<source src="video.mp4" media="only screen and (min-device-width: 960px)"></source>
<source src="video.iphone.mp4" media="only screen and (max-device-width: 960px)"></source>
</video>html5media, player audio
L’utilisation du player audio, est aussi simple que celui de la vidéo. Intrégrez le code suivant :
<audio src="audio.mp3" controls preload></audio>
Certains navigateurs ne savent pas lire les mp3, on peut donc leur proposer un format opensource de la manière suivante :
<audio controls preload>
<source src="audio.mp3"></source>
<source src="audio.ogg"></source>
</audio>source : http://html5media.info/
Restez un peu plus longtemps, et prenez le temps de lire aussi :
Aout
A Propos
Je suis un concepteur et développeur web à Grenoble. Je développe essentiellement avec le CMS Spip. Actuellement en contrat chez Territorial, je continue ma veille technologique, et vous fais partager ce que je trouve utile et pratique.
