从网站流式传输视频，并支持现代浏览器（包括 IE）*和* iPad

Question

我的老板想要以下内容：

要求：将 m4v 视频从我们的 Web 服务器流式传输到客户端，包括标准 Web 浏览器（IE7、FF、Chrome 等）和 iPad！

我不太确定他为什么想要 m4v...他提到了效率，但这也可能与 iPad 兼容性有关？不管怎样，我还是被 m4v 困住了。

我浏览过一些相关问题，这个页面也非常有用：

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

所以如果我理解正确，HTML5 带有 <video>标签将满足我的所有要求（浏览器和 iPad）除了 IE 直至并包括 IE8。

所以在我的代码中：

<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>

正如上面的链接所解释的，测试浏览器是否支持 >，如果不支持，则回退到 flash。如果浏览器支持>，我不需要担心播放器，因为浏览器会处理它。如果不支持>，我需要提供：

(a) 一个Flash播放器。

(b) 我的 .m4v 视频的 Flash 兼容副本

问题：

1) 此解决方案能否满足我的要求？

2) .m4v 是一种适合流式传输到 iPad 的格式吗？ （我猜是的，因为它是 Apple 专有格式！）

3) .m4v 是“flash-comatabile”吗？也就是说，如果我将它发送到我的 Flash 播放器，它会起作用吗？我读过关于此的相互矛盾的报道。如果不是，那么我想我需要将我的视频副本转换为 Flash 兼容格式...有什么建议吗？ （.f4v 似乎很常见，但我们已经有了一个 .mov 文件，可以使用吗？）

4) 最后但并非最不重要的一点是，什么是好的 Flash 播放器。我倾向于 flowplayer (http://flowplayer.org/)，但是，我们已经安装了 swf 播放器 (http://code.google.com/p/swfobject/)。似乎后一种会起作用......对其中一个或另一个有什么好处吗？

如果这个问题的某些部分没有意义，我深表歉意……那里有很多有关视频的信息，很难将它们拼凑在一起……希望这里的一些答案可能会有所帮助。我可以根据需要完善我的问题。

提前致谢！

彼得

Answer 1

据我所知...，IE不支持HTML5，因此该标签在IE中无法识别...