2013年HTML5视频的当前状态

时间:2013-03-14 06:28:54

标签: html5 video html5-video

我一直在我的网站上使用Flash视频嵌入视频。我的旧2.2.x安卓很好,但我注意到很多新的Android设备以及苹果设备不会播放我的视频因为flashplayer褪色,所以我正在调查解决方案 - 而HTML5视频似乎是新事物。

我刚刚花了2个小时搜索谷歌并阅读了很多东西,但大部分都来自1年,2年或3年前 - 从我读过的内容来看,它看起来像使用html5视频标签仍需要将每个视频转换为多种格式,全屏是某种特定于供应商的扩展 - 在每个浏览器上都有不同的支持它。

所以我的问题是HTML5视频标签现在是否完全取代了Flash播放器,还是在2013年仍然是一个需要浏览器特定黑客攻击的六个最流行的浏览器的kludgiferous方案?

它适用于PC,Mac,机器人和iPhone吗?

1 个答案:

答案 0 :(得分:6)

caniuse.com是一个很好的资源,可以很好地回答这个问题。

截至目前...... 约92%的网络用户浏览器support the HTML video tag。没有的主要是Opera Mini(约4.5%)。对于这些用户,您可以使用Flash后备,这实际上不是太多的工作。有一些非常简单的解决方案可以为你处理这个问题,比如videoJS,jPlayer和JWPlayer。

目前,您需要编码两种,可能是三种格式。约92%的用户support MPEG-4/h.264。 Opera Mini和IE8不支持它。

仅限71% of users can support full-screen HTML视频,因此对于Android和iOS(主要)所有版本,您可以做的最好的事情是将视频设置为填充浏览器窗口的100%。如果全屏非常重要,那么您将需要使用Flash。

所以,简而言之,是的,HTML5视频确实需要一些额外的工作,但在这一点上,要做到这一点并不难,而且这是一个朝着更好的稳定性和一致性方向发展的标准。例如,YouTube使用它(带有后备),如果有任何迹象表明它已准备好迎接黄金时段。