跨浏览器 HTML5 视频和音频

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

MediaElement.js 是一个基于 jQuery 的包,允许我们

  1. 使用 HTML5 元素 <video> 和 <audio> 并使其跨浏览器工作(包括移动 WebKit)
  2. 为控件提供一致的 UI
  3. 仅使用单一格式

我将在本网站的重新设计中使用它。我原本准备直接说我正在使用 HTML5 视频,如果您的浏览器不支持,则直接下载并使用 VLC 或其他工具。但后来我意识到我必须重新编码以至少包含 OGG,而对于 90 个视频来说,这对我来说真的没有吸引力。此外,我当时还在尝试使视频宽度自适应,但效果不佳(另一个故事),所以我放弃了。现在有了这个,就万事俱备了!Firefox/Opera/IE<8 将回退到 Silverlight 播放器,而 WebKit 浏览器(最终包括 IE 9)将使用原生 HTML5。我听说一个问题是,即使使用 Chrome/Safari(原生支持带有 H.264 的 HTML5)访问使用此功能的网站,也可能会提示您安装或更新 Silverlight,这有点糟糕。显然我安装了最新版本,因此无法确认这一点。

直接链接 →