HTML5 video Players - Tour d'horizon des lecteurs vidéos HTML5 et de la balise - Parle de Com. Introduction à la balise video de HTML5. L'élément <video>, cousin de <audio> offre en HTML5 une solution simple, native pour les navigateurs pour l'intégration d'une vidéo dans une page web. Elle permet également de proposer une alternative à l'utilisation de Flash pour les plate-formes ne le supportant pas (iOS par exemple avec iPhone, iPod, iPad…) Balise Syntaxe générale La syntaxe de base de la balise video est extrêmement simple : <video controls src="video.ogv">Ici la description alternative</video> L'attribut src définit bien entendu l'adresse du fichier vidéo, tout comme pour la balise img lorsqu'il s'agit d'une image.
Sources multiples On peut également proposer plusieurs sources dans plusieurs formats différents en indiquant les types MIME grâce à l'attribut type : <video width="400" height="222" controls="controls"><source src="video.mp4" type="video/mp4" /><source src="video.webm" type="video/webm" /><source src="video.ogv" type="video/ogg" /> Ici l'alternative à la vidéo : un lien de téléchargement, un message, etc. Zwei - Free HTML5 video player - Home.
Tout savoir sur la balise video du HTML5 #1 - html5. Pour tout savoir sur la balise vidéo du HTML5, voici le premier d'une série d'article traitant de l'histoire, le fonctionnement, et les façons d'intégrer la balise Vidéo dans vos sites web. Cet article est le premier d'un dossier qui traitera de la balise vidéo du HTML5 : histoire, intégration, solutions toutes faites... à la fin de ce dossier, la balise vidéo n’aura plus de secret pour vous !
La balise vidéo HTML5 est un moyen de lire de la vidéo sur internet. Bon, ok, dis comme ça, et depuis le temps qu'existe Youtube, ce n'est pas très révolutionnaire... Mais cette balise vidéo permet de le faire de manière native, sans s'encombrer de plugins comme flash ou silverlight, avec les langages standards du Web : HTML, CSS , Javascript. Exemple d'intégration d'une vidéo avec l'HTML5<video controls src= "video.ogv" > Le texte alternatif </video> Vidéo d'exemple du site du W3C La fin du rêve : La guerre des codecs Le H.264 dans un coin, avec Apple, Microsoft, IE et Google.