谷歌 Web 开发最佳实践手册(2.2.2):提供传统平台的替代品

【导读】:并不是所有平台都支持所有的视频格式,检查一下主流平台所支持的视频格式,并且确保你的视频在这些主流平台中都可以运行。

在本篇课程中:

  1. 检测所支持的视频格式
  2. 生成多种格式的视频
  3. 检测所使用的视频格式

所支持的视频格式

使用 canPlayType() 可找出所支持的视频格式。该方法有一个由 mime-type 和可选的解码器组成的字符串变量,返回下面这些值:

返回值 描述
(空字符串) 不支持容器和/或解码器。
maybe 或许支持容器和解码器,但浏览器将需要下载一些视频来验证。
probably 显然支持该格式。

Here are some examples of canPlayType() arguments and return values when run in Chrome:
这里有些范例, canPlayType() 的参数和在Chrome运行时的返回值:

类型 返回值
video/xyz (空字符串)
video/xyz; codecs="avc1.42E01E, mp4a.40.2" (空字符串)
video/xyz; codecs="nonsense, noise" (空字符串)
video/mp4; codecs="avc1.42E01E, mp4a.40.2" probably
video/webm maybe
video/webm; codecs="vp8, vorbis" probably

生成多种格式的视频

有很多工具可以把同一视频保存为其他格式:

检测所使用的视频格式

想知道浏览器实际支持哪些视频格式么?

在 JavaScript 中,使用视频的  currentSrc 属性,可返回所使用的源。

想看这个操作的话,可以查看这个示例:Chrome 和 Firefox 选用 chrome.webm(因为它是这两个浏览器所支持的视频格式列表的第一个条目),而 Safari 选用 chrome.mp4

打赏支持我翻译更多好文章,谢谢!

打赏译者

打赏支持我翻译更多好文章,谢谢!

任选一种支付方式

收藏 评论

关于作者:黄利民

伯乐在线联合发起人,关注 IT 和互联网。 个人主页 · 我的文章 · 97 ·  

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部