2013年HTML5视频的当前状态

前端之家收集整理的这篇文章主要介绍了2013年HTML5视频的当前状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在我的网站上使用Flash视频嵌入视频.我的旧2.2.x安卓很好,但我注意到很多新的 Android设备以及苹果设备不会播放我的视频因为flashplayer褪色,所以我正在研究解决方案 – 而HTML5视频似乎是新的东西.

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

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

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

解决方法

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使用它(带有后备),如果有任何迹象表明它已准备好迎接黄金时段.

猜你在找的HTML5相关文章