image.png
小示例代碼地址：https://github.com/danhuan/video-demo
IE8、火狐、谷歌測試通過。
使用<video>需要注意的問題：
1.多種格式視頻
不可以只有MP4格式，一定要引入Ogg格式視頻，否則在火狐上會不兼容報錯。
推薦個不錯的視頻格式轉換器，下載地址 ：http://download.csdn.net/detail/danhuan/9905942
2.引入html5media.js
引入html5media.js,可以使<video>兼容IE
3.如果想要設置視頻寬度為百分比%自適應占滿容器，注意 video的屬性width不可以為百分比%
注意 不可以 直接在<video> 標簽里面加width = "100%"，因為<video>的屬性width只支持像素值，不支持百分比。雖然<video width = "100%"> 在谷歌火狐瀏覽器中可以正確顯示，但是在IE中會不兼容,導致無法播放視頻。
如果想要設置視頻寬度為百分比%自適應占滿容器，可以 通過內部樣式<style>...</style>或外部樣式<link rel="stylesheet" href="CSS文件路徑" />設置，但 不可以 通過內聯樣式style="width:100%" 設置樣式，否則不兼容IE。
4.如果視頻是固定寬高，則可以直接在<video>屬性中設置，千萬注意不要加單位px，否則IE不兼容。
正確示例如下：
<video width="1000" height="500" controls autoplay="true" loop="true" preload="auto">
錯誤示例如下：
<video width="1000px" height="500px" controls autoplay="true" loop="true" preload="auto">
image.png
