我的老板想要以下内容:
要求:将 m4v 视频从我们的网络服务器流式传输到客户端,包括标准网络浏览器(IE7、FF、Chrome 等)和 iPad!
我不太确定他为什么想要 m4v ......他提到了效率,但它也可能与 iPad 兼容性有关?无论如何,我坚持使用 m4v。
我浏览了一些关于 SO 的相关问题,这个页面也非常有用:
http://henriksjokvist.net/archive/2009/2/using-the-html5-video-tag-with-a-flash-fallback
因此,如果我理解正确,带有 < > 标记的 HTML5video
将满足我的所有要求(浏览器和 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
>,如果不支持,则回退到 flash。如果浏览器支持<video
>,我不需要担心播放器,因为浏览器会处理它。如果不支持<video
>,我需要提供:
(a) Flash 播放器。
(b) 我的 .m4v 视频的闪存兼容副本
问题:
1) 这个解决方案能满足我的要求吗?
2) .m4v 是流式传输到 iPad 的好格式吗?(我猜是的,因为它是 Apple 专有格式!)
3) .m4v 是“闪存兼容”吗?也就是说,如果我将它发送到我的 Flash 播放器,它会起作用吗?我已经阅读了关于此的相互矛盾的报告。如果不是,那么我想我需要将我的视频副本转换为与 Flash 兼容的格式……有什么建议吗?(.f4v 似乎很常见,但我们已经有一个 .mov 文件可以吗?)
4) 最后但同样重要的是,什么是好的 Flash 播放器。我倾向于使用 flowplayer (http://flowplayer.org/),但是,我们已经安装了 swf 播放器 (http://code.google.com/p/swfobject/)。似乎后一个会起作用......对一个或另一个有什么好处?
抱歉,如果这个问题的某些部分没有意义......那里有很多关于视频的信息,而且很难将它们拼凑在一起......希望这里的一些答案可能会有所帮助。我可以根据需要细化我的问题。
提前致谢!
彼得