Quel (s) format (s) vidéo (s) une webapp devrait-elle servir?

Question

Je dois mettre en place quelques vidéos sur une Webapp et je suis un peu perdu. Mes exigences sont les suivantes:

• DRM ne sont pas une préoccupation du tout
• il devrait fonctionner sur l'iPhone (et iPad) et sur les principaux navigateurs (Safari, Internet Explorer, Firefox, Opera).
• ce n'est pas un problème du tout si la vidéo ne joue pas sur Linux (car il est une vidéo/screencast d'un logiciel X Windows/OS targetted à bien, les utilisateurs de Windows et OS X)
• il n'est pas un problème du tout si elle aussi fonctionne sur Linux (je suis un utilisateur de Linux moi-même)

Est-ce qu'un format unique sera servi (comme H.264) et jouer sans aucun travail supplémentaire de ma part ou faire J'ai besoin de convertir les vidéos en différents formats et que la webapp serve différents formats vidéo en fonction du navigateur utilisé?

Dois-je utiliser la balise « vidéo » de HTML5 quand je détecte un HTML5 navigateur capable?

Quel est le pari « plus sûr » ici? Je suppose que Flash est hors de l'équation vu que l'iPhone/iPad est une exigence.

Answer 1

Dans Chrome, Safari et IE9, vous pouvez utiliser H.264 avec la balise vidéo.
Dans Firefox, Chrome (et Chromium) et Opera, vous pouvez utiliser Ogg avec le tag vidéo.
Flash utilisera généralement H.264 (pour autant que je sache).

La balise vidéo peut également contenir une balise source:

<video> 
    <source src="video.mp4" /> 
    <source src="video.ogg" /> 
    <object ... ></object> 
    Sorry, no video for you 
</video> 

Dans ce qui précède, le navigateur va essayer et voir si elle prend en charge .mp4, sinon il va essayer .ogg, sinon il va essayer flash (fonctionne également pour les anciens navigateurs (IE6/7/8)) et si tout échoue, il affichera simplement un texte. Pour que cela fonctionne, vous devez soit utiliser la vidéo serveur dans les formats H.264 et Ogg, soit abandonner la prise en charge d'ogg et utiliser H.264 et Flash.

Answer 2

Il y a cette chose appelée video4all qui vous permet d'utiliser la balise html5 video n'importe où en retombant en mode flash lorsque le navigateur ne la prend pas en charge.