故事有点长 喜欢搞HTML5 有耐心的童鞋可以看看
做过或者接触过HTML5技术的同学们可能都清楚 HTML5这2年貌似很火的样子 很多技术企业都纷纷像HTML5技术转型 或者 希望用HTML5某些技术特点去解决生产中的一些功能 比如 WEB存储 canvas 画布 拖放drag 一些新颖的CSS3元素 audio/video 等等 有些东西还是挺好玩的
接下来我想说说我们的故事 由于我们要搞视频网站 主推的是视频的播放 当然公司领导看重了HTML5的 video 因为大家都知道 Flash是插件 也有一些造成浏览器无响应 死机的一些问题 对于跨平台一直也有限制 貌似 IOS上不支持flash 所以我们选用了 部分浏览器去支持HTML5 对于一些不支持的浏览器我们推荐用户去升级浏览器 在HTML5的官网上 有一些标准的支持浏览器的一些要求 比如 IE 9+ 火狐3.6+ 等等 经过这段时间的研究
我发现最让我满意的是 谷歌浏览器 对HTML5 video的支持是最好的
然而问题出来了 接着往下看 看看大家是否有遇到跟我同样的问题 希望大家可以慷慨解囊 出来与童鞋我探讨研究下这让我阵子蛋疼的 HTML5
问题出现了： 大家注意
IE 10 或者 IE11 用了官网的canplaytype API 测试 是 support 但是不能播放VIDEO 有的 会直接无画面 连播放器都不出来 有的会出现一个红X 提示 此视频格式无效 之类的 我就遇到了这蛋疼的二种问题
无论是本地 和 服务器访问 服务器 访问 我们也在应用服务器 包括IIS 配置了 mime类型 video/mp4 Apache 不用说了 不需要配置好的
接下来研究的就不是 浏览器是否支持 HTML5 video的问题了 而是接下去 研究是否支持里面的编码 因为各种浏览器对视频编码支持不同 IE支持 H264 火狐则支持 ogg 近日 发现最新版本的 火狐 31版本 支持 H264编码 有可能是 微软与火狐和谐的场景 难得啊 应该是 微软支持了火狐 火狐牛大了 自此以后 对HTML5 VIDEO的视频格式支持的更多了 也代表对HTML5 video支持的更好了 但是我的问题还是没有解决 为嘛 我的机器 和 我领导的本子 上装的
IE11能够播放 MP4(H264)的视频 我个别同事的2台机器 播放不了 播放不了的这2个案例 还有差异 这更让我恶心 蛋疼 同事一 是完全不支持 H264编码 包括他最新版本的火狐也不支持 canplaytype("video/mp4") 返回 空 同事二呢 canplaytype("video/mp4") 返回 probably “很可能支持” 就看到这个API 我就觉得恶心 支持就支持 不支持就不支持 但是他们也没把这事说准了 而且 同事二的HTML5
WSC官网上 http://www.w3school.com.cn/html5/html_5_video_dom.asp 的页面视频播放不出来 但是 “亲自试一试”http://www.w3school.com.cn/tiy/t.asp?f=html5_video_dom 这个页面能够播放出视频 但是HTML测试文档拿到本地 拿到应用服务器 包括 视频资源 拿到本地 拿到服务器都Y得不好使 太让我蛋疼了 我当时想砸了他电脑 但是忌于是公司财产我忍了
忘了说下一些前提以免有些童鞋说我问题描述不清晰 我和我同事的操作系统都是 WINDOWS SERVER 2008SR IE11 火狐 30-31不等 我领导是WIN7 IE11
我们找了好多的网站资料 包括 msdn 但是对HTML5 VIDEO的探讨资料太少了 让我们很无奈 我的同事一为了配合我 重装了2遍IE浏览器 从IE11 到 IE10 又到 IE11 还是不支持H264编码 不能播放 后来研究到是不是 这个H264编码 是不是跟浏览器无关 是操作系统提供的编解码工具 我狠心的让他重装了系统为支持我那伟大的事业 结果大家想到了 就是一悲剧 故事先到这吧 有时间还是要继续深入研究下去 找到问题的本质 有消息了再告诉大家
记住 no zuo no die
蛋疼的HTML5 半成品VIDEO