跨浏览器&没有闪存的网页跨平台视频

时间:2011-06-21 11:17:22

标签: video cross-browser cross-platform video-streaming

我有一个.mov视频文件,需要在网页中查看。它必须在Windows,Mac,iPhone和浏览器列表中查看:IE7,IE8,IE9,Firefox,Chrome,Opera,Safari。 我可以使用HTML5,但它不会在IE浏览器中看不到版本9 :( 没有闪存怎么能解决? PS。观看的视频文件也可以是其他格式,而不仅仅是mov。

2 个答案:

答案 0 :(得分:3)

不幸的是,你想要的并不简单。您的QuickTime(.mov)文件中包含哪些音频/视频编解码器?要在没有Flash的情况下访问所有主要平台和浏览器,您需要多次对文件进行编码(并且仍应使用Flash作为旧浏览器的后备)。跨平台视频播放的一个很好的介绍是:

http://diveintohtml5.ep.io/video.html

总结它的内容,主要的视频/音频编解码器选项是VP8 + Vorbis,H.264基线+ AAC和Theora + Vorbis。不幸的是,如果你想要访问所有主流浏览器的所有最新版本,你必须提供以所有这三种格式编码的文件(你可以在HTML5标签中列出多个版本)。如果您愿意使用Flash,您可以将其减少到Flash所播放的单个H.264基线+ AAC文件(在.mp4容器中),但在iPhone上,它将在标签中播放。

很抱歉没有给出一个简单的答案,但这很复杂。 FFmpeg是用于将文件重新编码为这些不同格式的工具。

答案 1 :(得分:1)

欢迎来到非标准化的视频世界(至少在html5之前):)

为了更具建设性,我认为你最终会设置一个矩阵,为每个浏览器版本和每个视频格式定义正确的html输出,以正确显示视频。

如果可以,依靠HTML5功能,如果你想支持IE< = V8,请输入正确的对象插件,可以是:

  • Flash(安装最多)
  • SilverLigth玩家
  • QuickTime播放器
  • VLC插件
  • 媒体播放器activex
  • ...

...或欢迎IE< = 8用户,并告诉他们IE9很棒。你会让MS家伙开心