Video. You are here: Home Dive Into HTML5 Diving In Anyone who has visited YouTube.com in the past four years knows that you can embed video in a web page.
But prior to HTML5, there was no standards-based way to do this. Virtually all the video you’ve ever watched “on the web” has been funneled through a third-party plugin — maybe QuickTime, maybe RealPlayer, maybe Flash. (YouTube uses Flash.) HTML5 defines a standard way to embed video in a web page, using a <video> element. But support for the <video> element itself is really only a small part of the story. Video Containers You may think of video files as “AVI files” or “MP4 files.” A video file usually contains multiple tracks — a video track (without audio), plus one or more audio tracks (without video). There are lots of video container formats. MPEG 4, usually with an .mp4 or .m4v extension.
Video Codecs When you talk about “watching a video,” you’re probably talking about a combination of one video stream and one audio stream. Theora Vorbis. 10 raisons d'adopter le HTML 5 - html5. Après une longue hésitation concernant le contenu de cet article consacré au HTML 5, je me suis finalement résolu à vous donner 10 bonnes raisons de l’adopter, plutôt que d’entrer dans une longue et fastidieuse analyse et explication des nouvelles balises et attributs.
Vous trouverez de nombreuses ressources sur le web. 1 - Le doctype est des plus simple à déclarer : 2 - Idem pour l’encodage : <meta charset="UTF-8"> au lieu de : <meta http-equiv="content-type" content="text/html; charset=UTF-8"> franchement on peut pas faire plus court. 3 - Même avec Internet Explorer ça marche (le navigateur qu’on aime haïr) il suffit simplement d’ajouter le script suivant dans la balise <head> qui permet d’afficher correctement nos nouvelles balises sur toutes les versions de IE inférieur à IE 9: <!
Ou mieux encore, utilisez le script Modernizr qui vous permet de déclarer les balises HTML5 mais aussi avoir une alternative pour les balises CSS3 pour pouvoir avoir une parade pour les afficher correctement. 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. Tout savoir sur la balise video du HTML5 #2 - html5-ressources. Pour tout savoir sur la balise vidéo du HTML5, voici le second article d'une série d'articles traitant de l'histoire, le fonctionnement et les façons d'intégrer la balise Vidéo dans vos sites web.
Au programme aujourd'hui: les différents players HTLM5 Pour ce nouvel article, nous allons examiner les plus gros players HTLM5 du moment. Nous allons nous centrer sur la simplicité d'intégration et de maintenance du player, l'efficacité des contrôles et le plaisir d'utilisation, et enfin, l'aspect graphique du player. Ce lecteur est le seul payant de toute la liste. Le prix évolue en fonction du nombres de pages vues, et est à payer par site et par mois. Simplicité: Je n'ai pas pu le tester, de part son aspect payant, mais d'après le site, l'integration se fait avec une simple ligne, de même que la possibilité de faire des miniatures, et autre. Efficacité: Quand l'image est en taille réduite, le menu apparait vite, disparait vite, et il est très clair.
Graphisme: Il y a beaucoup trop de boutons!