Diffusez la vidéo à partir du site Web et prends en charge les navigateurs modernes (y compris IE) * et * iPad

Question

Mon patron veut ce qui suit:

Exigences: diffusez des vidéos M4V de notre serveur Web à des clients, y compris des navigateurs Web standard (IE7, FF, Chrome, etc.) et iPad!

Je ne sais pas vraiment pourquoi il veut M4V ... il a mentionné l'efficacité mais cela peut aussi devoir faire avec la compatibilité des iPad ?? Quoi qu'il en soit, je suis coincé avec M4V.

J'ai parcouru quelques questions connexes sur SO, et cette page est également très utile:

http://henriksjokvist.net/archive/2009/2/using-the-html5-video-tag-with-a-flash-fallback

Donc, si je comprends correctement, html5 avecvideo> La balise s'occupera de toutes mes exigences (navigateurs et iPad) à l'exception IE jusqu'à et y compris IE8.

Donc dans mon code:

<div id="demo-video-flash">
   <video id="demo-video" poster="snapshot.jpg" controls>
    <source src="video.m4v" type="video/mp4" /> <!-- MPEG4 for Safari -->
    <source src="video.ogg" type="video/ogg" /> <!-- Ogg Theora for Firefox 3.1b2 -->
   </video>
</div>

<script type="text/javascript">
  $(document).ready(function() { // ... a dash of jQuery.
    var v = document.createElement("video"); // Are we dealing with a browser that supports <video>? 
    if ( !v.play ) { // If no, use Flash.
      var params = {
        allowfullscreen: "true",
        allowscriptaccess: "always"
      };
      var flashvars = {
        file: "video.f4v",
        image: "snapshot.jpg"
      };
      swfobject.embedSWF("player.swf", "demo-video-flash", "480", "272", "9.0.0", "expressInstall.swf", flashvars, params);
    }
  });
</script>

Comme l'explique le lien ci-dessus, testez si le navigateur prend en charge <video>, et sinon, retombez à Flash. Si le navigateur prend en charge <video>, Je n'ai pas à m'inquiéter du joueur car le navigateur le gère. S'il ne prend pas en charge <video>, J'ai besoin de fournir:

(a) Un lecteur flash.

(b) Une copie compatible en flash de ma vidéo .m4v

Des questions:

1) Cette solution fonctionnera-t-elle pour mes exigences?

2) .m4v est-il un bon format pour diffuser sur iPad? (Je suppose que c'est un format propriétaire de pomme!)

3) est .m4v "flash-coatabile"? Autrement dit, si je l'envoie à mon lecteur flash, cela fonctionnera-t-il? J'ai lu des rapports contradictoires à ce sujet. Si ce n'est pas le cas, alors je suppose que j'ai besoin d'avoir une copie de ma vidéo convertie en format compatible Flash ... des recommandations? (.f4v semble commun mais nous avons déjà un fichier .mov cela fonctionnera-t-il?)

4) Enfin et surtout, qu'est-ce qu'un bon joueur flash. Je me penche vers FlowPlayer (http://flowplayer.org/), cependant, nous avons déjà installé un lecteur SWF (http://code.google.com/p/swfobject/). Il semble que ce dernier fonctionnerait ... tout avantage pour l'un ou l'autre ??

Excuses si certaines parties de cette question n'ont pas de sens ... il y a beaucoup d'informations sur la vidéo et il est difficile de tout reconstituer ... en espérant que certaines réponses ici pourraient aider. Je peux affiner ma question au besoin.

Merci d'avance!

Pierre

Answer 1

Pour autant que je sache ..., IE ne prend pas en charge HTML5, donc la balise ne serait pas reconnue dans IE ...