webm格式和mp4格式，判断了浏览器能否支持的视频类型后，给了一个if判断，如果是支持mp4格式，就返回视频后缀mp4，如果是webm，就返回后缀webm。结果，在谷歌浏览器中播放不了，为什么我指定源为webm格式的视频时，谷歌浏览器毫无错误的播放了，但是，如果是使用if判断，发现选择的是mp4，而不是webm，咋办？
先来看看这两段代码，差别只是顺序上的。
/*************************************获取视频格式***************************/
function getFormatExtension(){
if( video.canPlayType("video/webm") !=""){ //针对谷歌浏览器
return ".webm";
}else if( video.canPlayType("video/mp4") !="" ){ //针对safari浏览器
return ".mp4";
}
}
/*************************************获取视频格式***************************/
function getFormatExtension(){
if( video.canPlayType("video/mp4") !=""){ //针对谷歌浏览器
return ".mp4";
}else if( video.canPlayType("video/webm") !="" ){ //针对safari浏览器
return ".webm";
}
}
结果：在谷歌浏览器中不能正常播放。
下面我们来看一张各个浏览器对video元素支持的三种视频格式的情况表：
我们可以看到，
1、chrome既支持mp4格式也支持webm格式。但是火狐和谷歌浏览器都会优先选择mp4格式（实践证明的）。
2.此时当这里的mp4格式的视频播放不了时，就出现了我遇到的情况，例如：在获取中会显示视频被破坏。所以还是建议把浏览器选择webm格式的代码写在前面，mp4的写在后面，为了让它先选择webm格式的视频，或者用程序中的判断也可以。
现在来说说为什么谷歌播放不了mp4格式的视频的原因？？
这是谷歌搜索后学到的内容，又有进步了，哈哈。
原因：
Chrome浏览器支持HTML5，它只是支持原生播放部分的MP4格式。MP4视频格式，在我写这篇笔记时，我也以为mp4格式就是后缀为.mp4,其实不是，MP4本身不是一种简单的视频格式，它是一个包装视频和音频格式的壳，里面的视频音频的编码格式使用什么编码方式是可变的。MP4视频有两种编码方式，Divx和H264，but，Chrome支持H264。于是我上面的例子中，浏览器看到有MP4后缀的文件，使用原生HTML5视频播放，后来却发现视频格式无法解码，于是，Chrome无法播放视频。FF估计也是类似的原因。
有时间可以看看这个 http://my.oschina.net/maomi/blog/144086