从网站流式传输视频,并支持现代浏览器(包括IE)*和* iPad

时间:2011-05-13 20:26:08

标签: ipad video streaming flash m4v

我的老板想要以下内容:

要求:将m4v视频从我们的网络服务器传输到客户端,包括标准网络浏览器(IE7,FF,Chrome等)和iPad!

我不确定他为什么要m4v ......他提到效率但它也可能与iPad的兼容性有关?无论如何,我坚持使用m4v。

我在SO上浏览了一些相关问题,这个页面也很有用:

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>

如上面的链接所示,测试浏览器是否支持<video&gt;,如果不支持,请回退到闪存。如果浏览器支持<video&gt;,则无需担心播放器处理该播放器。如果它不支持<video&gt;,我需要提供:

(a)一个flash播放器。

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

问题:

1)此解决方案是否符合我的要求?

2).m4v是一种流式传输到iPad的好格式吗? (我猜是的,因为它是Apple的专有格式!)

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

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

道歉,如果这个问题的某些部分没有意义......那里有很多关于视频的信息,并且很难将它们拼凑在一起...希望这里的一些答案可能会有所帮助。我可以根据需要改进我的问题。

提前致谢!

彼得

1 个答案:

答案 0 :(得分:0)

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