我的老板想要以下内容:
要求:将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/)。似乎后者会起作用......对一个或另一个有任何好处吗?
道歉,如果这个问题的某些部分没有意义......那里有很多关于视频的信息,并且很难将它们拼凑在一起...希望这里的一些答案可能会有所帮助。我可以根据需要改进我的问题。
提前致谢!
彼得
答案 0 :(得分:0)
据我所知......,IE不支持HTML5,因此IE中无法识别标签...