蛋疼的HTML5 半成品VIDEO

     故事有点长 喜欢搞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,古老的榕树,5-wow.com