MediaElement.js 是一个基于 jQuery 的包,允许我们
- 使用 HTML5 元素 <video> 和 <audio> 并使其跨浏览器工作(包括移动 WebKit)
- 为控件提供一致的 UI
- 仅使用单一格式
我将在本网站的重新设计中使用它。我原本准备直接说我正在使用 HTML5 视频,如果您的浏览器不支持,则直接下载并使用 VLC 或其他工具。但后来我意识到我必须重新编码以至少包含 OGG,而对于 90 个视频来说,这对我来说真的没有吸引力。此外,我当时还在尝试使视频宽度自适应,但效果不佳(另一个故事),所以我放弃了。现在有了这个,就万事俱备了!Firefox/Opera/IE<8 将回退到 Silverlight 播放器,而 WebKit 浏览器(最终包括 IE 9)将使用原生 HTML5。我听说一个问题是,即使使用 Chrome/Safari(原生支持带有 H.264 的 HTML5)访问使用此功能的网站,也可能会提示您安装或更新 Silverlight,这有点糟糕。显然我安装了最新版本,因此无法确认这一点。
我认为对视频进行 WebM 编码将是面向未来的,因为大多数浏览器(除了 Safari 之外)在不久的将来都将支持 WebM。这将比仅提供 H264 视频要好得多。当然,我会做的就是只对未来的视频进行编码,并为其他浏览器提供 Flash(而不是 Silverlight,因为它功能非常有限,例如在 Linux 中无法使用)回退。
从页面上看,我认为对于没有 Silverlight 插件的用户,有一个 Flash 回退,我希望您在可选的情况下包含此类 Flash 回退。
Jose,
是的,既有 Silverlight 回退,也有 Flash 回退,因此 MediaElement 可以在几乎任何浏览器/操作系统/插件组合中找到可用的内容。一旦 Flash 支持 WebM,您就可以将 WebM 用于所有桌面,但 H.264 今天仍然是最佳选择,并且它适用于 iPhone 和 Android。您可以选择提供多个视频格式或只提供一个。
Chris,
我很乐意帮助调试 Silverlight 安装问题。我还没有遇到过这种情况,但如果您能帮我测试这种情况,我将非常乐意修复它。
如果我遇到可以复制的场景,我会通知您。谢谢 John。