banneer2

Réducteur d'URL tinad:

Collez l'adresse du site:

Rechercher sur le blog du grouik:

test balise video

La balise vidéo s'installe en précisant dans son code un maximum de types de fichiers encodés de manière différente de façon à ce que le navigateur utilise celui qui lui convient le mieux:

  1. <video width="600" height="400" controls="controls">
  2. <source src="Sintelh264.mp4" type="video/mp4" />
  3. <source src="sintel-v8.webm" type="video/webm" />
  4. <source src="sintel-theora.ogv" type="video/ogg" />
  5. <p> Votre navigateur ne veut pas lire la video</p>
  6. </video>

La vidéo Sintel, en trois formats Theora, H264, V8, me sert de test sur cette page.

Vu la guerre entre les navigateurs et les formats de fichiers pour le balise html5, La curiosité de savoir qui sait lire quel format peut être assouvie de cette manière. Vous pouvez tester par vous même.

Sur ce serveur, l'installation d'apache n'est peut être pas idéale pour diffuser des vidéos.

Chrome est en avance sur ses concurrents. Firefox ne prend que le format OGG pour le moment. Opéra est un peu à la ramasse. IE8, faudra voir du coté d'IE9 plutôt, car ie8 ne prend rien. Safari, @Andralyaaa me dit que cette page l'a fait planter #oups.

Navigateur Theora OGG H.264 mp4 V8 webm
Firefox 3.6.12 X
Firefox 4 beta X
Chrome X X
Opera
IE 8

Pour le moment il vaut encore mieux passer par un lecteur flash, mais pour toucher tous les navigateurs qui supportent la balise vidéo, le format OGG est obligatoire, et il en faut un second au choix (Webm est le plus pertinant, Microsoft ayant annoncé que ie9 sera compatible).

Concernant la balise audio, j'avais fait un billet similaire.

Ajouter un commentaire

Nom ou pseudo:
Adresse email:
Site web (facultatif):
Commentaire:

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

La discussion continue ailleurs

URL de rétrolien : http://blog-du-grouik.tinad.fr/trackback/806

Fil des commentaires de ce billet

Dans la même catégorie:
dev web


Creer un tchat (chat) en AJAX php

bulle_tchat-406.jpg
Un tchat, mélangeant les techniques suivantes: javascript, AJAX, PHP, mysql et JSON, en moins de 150 lignes. Il y a quelques mois Hempstar proposait sur ce blog sa version du chat. Comme j'ai énormément progressé dans ces langages de programmation, je me demandais si je saurai le faire, en quelques

Lire la suite...



Php, générer un e-mail avec plusieurs pièces jointes.

E-mail
Voici une fonction pour envoyer un e-mail en PHP avec des pièces jointes quelque soit leur extension (ou presque). La machine qui m'a servi à faire les tests est un champs MX du domaine, et l'adresse de l'expéditeur appartient au domaine (ça aide.) Le résultat des essais: Vers une boite e-mail free

Lire la suite...


setAttribute - Patch pour internet explorer - Javascript

Internet explorer interprète mal ou pas du tout la function setAttribute. Ci dessous mon prototype à insérer en début de script pour patcher ce navigateur. Il manque surement des cas particuliers que je n'ai pas pris en compte, il suffira de rajouter des "case" dans ce prototype.

Lire la suite...


Le sélecteur de dates en javascript Version 0.3.1

calendriers.jpg
Edit du 17/11/2011, passage en version 0.3.1 pour patcher internet explorer. test ok sur IE8 et IE 9, les autres versions n'ont pas été testées. L'objet de ce codage est de permettre l'intégration simple (#feignasse) sur des sites web d'un sélecteur de date plus sexy que 3 listes déroulantes. Je me

Lire la suite...


Un filtre antispam supplémentaire pour dotclear

kill the spam
J'ai remarqué que les spammeurs qui sévissent sur mon blog, ont souvent ces deux points communs: Le nom de l'auteur contient la description du site dont il fait la promotion, souvent plus de trois mots. Il a renseigné un lien vers un site internet, évidemment. Vu que dans les commentaires légitimes,

Lire la suite...


Propulsé par Dotclear