<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4" poster="img/封面.jpg">
<source src="movie.ogg" type="video/ogg" poster="img/封面.jpg">
</video>
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4" poster="img/封面.jpg">
<source src="movie.ogg" type="video/ogg" poster="img/封面.jpg">
</video>
參數解釋
src 視頻指向地址
poster 在加載視頻內容前顯示的圖片
controls 視頻控件，方便用戶自己操作媒體
autoplay 視頻自動播放
source 不同瀏覽器支持的視頻格式不一樣，因此要使用多個source上傳不同格式的視頻
width 播放器寬度
height 播放器高度
讓主流瀏覽器都支持video標簽，可以在html中引入一個js文件：
官方網站：https://html5media.info
<script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>
HTML5 video標簽嵌入視頻各個瀏覽器下通用：http://www.zhangxinxu.com/study/201003/html5-video-mp4.html
以下內容摘自網絡：
瀏覽器能播放哪種格式的視頻？各個瀏覽器不同，有專利格式的，有開源格式的。
具體支持情況如下：
專利格式mp4：Safari（iPad、Windows、Mac OS）、Chrome、IE9
開源格式webm：Firefox、Chrome、Opera
開源格式ogg：Firefox、Chrome、Opera
MP4
- Safari 3+
- Internet Explorer 9+
- Chrome (wasn’t meant to be but it certainly is!)
OGG
- Firefox 3.5+
- Chrome 3+
- Opera 10.5+
WebM
- Firefox 4+
- Chrome 6+
- Opera 10.6+
如何讓視頻在所有瀏覽器上都能播放？如何支持iPad和IE876？
HTML5 的兼容性問題是個硬傷，我們可以在網頁中使用 video 來播放視頻，但使用早期瀏覽器的訪問者可能無法正常觀看這個視頻。此外，由於視頻編碼器的歷史淵源導致各種瀏覽器支持的視頻格式不同。應對這些問題，想在網頁中使用 HTML5 video 功能，可以按照下面三個步驟操作。
第一步：提前准備好多格式視頻文件
目前沒有一個視頻格式兼容所有瀏覽器，唯一的解決方法就是把視頻轉換成多種格式。
- mp4 格式的視頻，可以在蘋果設備中使用；
- ogv 格式的視頻，用在火狐瀏覽器中；
- webm 格式的視頻，這個可以用在谷歌瀏覽器；
視頻轉換工具國內的功能比較少，轉換格式可能沒有上面后兩個，而且質量良莠不齊，往往需要注冊才能使用。推薦一個國外的工具(需要翻牆)http://www.online-convert.com 。甚至不用安裝軟件，直接選擇相應的目標格式，然后上傳視頻，配置一下參數就可以轉換出來了。沒有合適工具的朋友，可以嘗試一下。
第二步：使用多個source上傳不同格式的視頻
第三步：為老舊瀏覽器做兼容
- 我們可以把視頻上傳到優酷、土豆或者愛奇藝等國內著名視頻服務商，直接調用視頻代碼
- 在老舊版本的瀏覽器上使用flash視頻文件
- head部分引用 <script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>
- html5media是一個讓video、audio標簽在舊版IE中全面兼容的JavaScript類庫，它不依賴於任何JavaScript框架。頁面使用了html5media之后，當老版本的瀏覽器不支持HTML5時，它將會自動切換成Flash模式的flowplayer播放器嘗試播放。。
- 使用VideoJS插件實現兼容 http://videojs.com
head部分：
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<!–[if lt IE 9]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
關於HTML 5 video 標簽跨瀏覽器兼容問題，還需要不斷的實踐。