加mp4文件后js失效_video不能播放mp4的问题（一）

最近项目中遇到了video标签无法播放mp4的问题，表现如下：

IE可正常播放

safari需要点击两次可播放

chrome内核系列都不能播放

原因排除

首先，排除掉代码错误：替换其它可播放的mp4文件

其次，排除路径错误 ：F12控制台查看网络请求

最后，浏览器是否支持：网上查找支持范围，或在较新版的chrome测试

一、视频格式

video标签只支持MPEG4，Ogg，WebM三种视频格式，各浏览器支持如下：

格式

IE

Firefox

Opera

Chrome

Safari

Ogg

-

3.5+

10.5+

5.0+

-

MPEG 4

9.0+

-

-

5.0+

3.0+

WebM

-

4.0+

10.6+

6.0+

-

二、视频编码

其实，上面的三种格式只是封装格式，并非编码，而video标签对编码也是有要求的：

格式

视频编码

音频编码

Ogg

Theora

Vorbis

MPEG 4

H.264

AAC<