这篇优秀的文章解释了如何在网络上制作完全兼容的视频。http://diveintohtml5.ep.io/video.html但是,我很烦恼它需要对视频进行三遍编码和存储。
使用 <video> h264/ogg/webm + flash h264 与对 h264 兼容的浏览器进行浏览器检测并渲染 <video> 标签,否则渲染 flash 播放器以播放相同的 h264 视频有什么优势?在这种情况下,Safari、Chrome、Andoid 和 iOS 将使用 video 标签,而 IE、FireFox 和 Opera 将使用 Flash。
编码为 h264、ogg 和 webm 的优点:
- 这将捕获没有安装 Flash 的 Firefox 和 Opera 用户的情况(不应该是我的用户群的问题)
- 更频繁地使用 <video>(尽管我不认为这对最终用户有实际优势)
仅在 h264 中编码并在 <video> 或 Flash 播放器中播放的优点
- 只编码一次,而不是三次
- 只存储一次,而不是三次(在 CDN 上省钱)