HTML5 规定了一种通过 video 元素来包含视频的标准方法。
在HTML5中，video元素目前支持三种格式的视频文件，
1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
3.WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

那么在HTML5中如何显示视频呢？例子如下：

好 了，现在来解释下video元素中各属性的含义，其中width、height就不解释了啊，主要说下controls,顾名思义，controls 就是控件们，哈哈，就是视频的播放、音量暂停等控件。video元素中间插入的汉字，聪明的你一定知道的，是提示用户浏览器不支持视频格式使用的。

需 要注意的是，要确保适用于Safari 浏览器，视频文件必须是 MP4类型。而ogg格式的视频则是适用于Firefox、Opera 以及Chrome 浏览器。Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4 的 video 元素的支持。

当然了，我们如果不确定自己的浏览器支持什么格式的视频，可以先检测一下，检测方法在另一片博文里有，感兴趣的可以去看一下。若是不想麻烦，那怎么办呢？我们可以这样：

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式，这样我们只要多准备几个不同格式的视频就可以了。
接下来，介绍几个video标签的属性，
1.autoplay :出现该属性意味着视频在就绪后将自动播放，用法：autoplay="autoplay"
2.controls :出现该属性意味着向用户显示控件，如播放按钮等，用法：controls="controls"
3.height:设置高度
4.width:设置宽度
5.loop:自动重播，用法：loop="loop"
6.preload:视频在页面加载时进行加载并预备播放，用法：preload="auto"
auto - 当页面加载后载入整个视频
meta - 当页面加载后只载入元数据
none - 当页面加载后不载入视频
注意：若使用了autoplay，则忽略preload
7.src:要播放视频的url

以上是代码部分，如果使用IIS服务器那么还需要添加对.mp4类型文件的支持，具体办法就是添加MIME类型

这样配置完成后就可以成功播放MP4格式文件了，但偏偏自己在这里遇到了问题，同样两个都是MP4格式文件一个可以播放另一个怎么也无法播放，通过查看请求和响应的确有所不同但就是找不到原因。

再去看看两个MP4文件的详细信息发现很多数据不一样

然后回想起：

视频格式

当前，video 元素支持三种视频格式：

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

也就是说MPEG4需要采用的编码是H.264，反正自己也不懂这些编码有何区别，关键是使用格式工厂转换视频的时候记得选择

至此同样是MP4文件有些可以播放有些不可播放的问题就得到解决了。

MIME类型：

3gp video/3gpp
aab application/x-authoware-bin
aam application/x-authoware-map
aas application/x-authoware-seg
ai application/postscript
aif audio/x-aiff
aifc audio/x-aiff
aiff audio/x-aiff
als audio/X-Alpha5
amc application/x-mpeg
ani application/octet-stream
asc text/plain
asd application/astound
asf video/x-ms-asf
asn application/astound
asp application/x-asap
asx video/x-ms-asf
au audio/basic
avb application/octet-stream
avi video/x-msvideo
awb audio/amr-wb
bcpio application/x-bcpio
bin application/octet-stream
bld application/bld
bld2 application/bld2
bmp application/x-MS-bmp
bpk application/octet-stream
bz2 application/x-bzip2
cal image/x-cals
ccn application/x-cnc
cco application/x-cocoa
cdf application/x-netcdf
cgi magnus-internal/cgi
chat application/x-chat
class application/octet-stream clp application/x-msclip cmx application/x-cmx co application/x-cult3d-object cod image/cis-cod cpio application/x-cpio cpt application/mac-compactpro crd application/x-mscardfile csh application/x-csh csm chemical/x-csml csml chemical/x-csml css text/css cur application/octet-stream dcm x-lml/x-evm dcr application/x-director dcx image/x-dcx dhtml text/html dir application/x-director dll application/octet-stream dmg application/octet-stream dms application/octet-stream doc application/msword dot application/x-dot dvi application/x-dvi dwf drawing/x-dwf dwg application/x-autocad dxf application/x-autocad dxr application/x-director ebk application/x-expandedbook emb chemical/x-embl-dl-nucleotide embl chemical/x-embl-dl-nucleotide eps application/postscript eri image/x-eri es audio/echospeech esl audio/echospeech etc application/x-earthtime etx text/x-setext evm x-lml/x-evm evy application/x-envoy exe application/octet-stream fh4 image/x-freehand fh5 image/x-freehand fhc image/x-freehand fif image/fif fm application/x-maker fpx image/x-fpx fvi video/isivideo gau chemical/x-gaussian-input gca application/x-gca-compressed gdb x-lml/x-gdb gif image/gif gps application/x-gps gtar application/x-gtar gz application/x-gzip hdf application/x-hdf hdm text/x-hdml hdml text/x-hdml hlp application/winhlp hqx application/mac-binhex40 htm text/html html text/html