1，下面是一個播放視頻的最簡單樣例
（controls屬性告訴瀏覽器要有基本播放控件）
2，通過width和height設置視頻窗口大小
3，預加載媒體文件
設置preload不同的屬性值，可以告訴瀏覽器應該怎樣加載一個媒體文件：
（1）值為auto：讓瀏覽器自動下載整個文件
（2）值為none：讓瀏覽器不必預先下載文件
（3）值為metadata：讓瀏覽器先獲取視頻文件開頭的數據塊，從而足以確定一些基本信息（比如視頻的總時長，第一幀圖像等）
4，自動播放
（1）使用autoplay屬性可以讓瀏覽器加載完視頻文件後立即播放。
（2）如果啟用自動播放，可以將播放器設置為muted狀態。這樣自動播放時會靜音，防止用戶厭煩。用戶需要的話可以點擊播放器揚聲器圖標重新打開聲音。
5，循環播放 使用loop屬性讓視頻播放結束時，再從頭開始播放。
6，設置替換視頻的圖片（封面圖片）
通過poster屬性可以設置，瀏覽器在下面三種情況下會使用這個圖片：
（1）視頻第一幀未加載完畢
（2）把preload屬性設置為none
（3）沒有找到指定的視頻文件
7，瀏覽器兼容，如何讓每一個瀏覽器都能順利播放視頻
現在大部分瀏覽器都能支持H.264格式的視頻，但Opera瀏覽器卻一直不支持。我們需要通過後備措施保證每個人都能看到視頻，通常有下面幾種方案：
（1）使用多種視頻格式
（2）添加Flash後備措施（推薦）
上面那個方法不推薦，應為Opera瀏覽器只佔不到1%的份額。特意為它把視頻都轉碼一邊太費事。使用Flash作為備用播放方案還是很方便的，同時Flash還能兼容IE8這種連
這裡使用作為備用播放器（本地下載 ：）
（3）也有人優先使用Flash，而HTML5作為後備措施。
這麼做是因為Flash普及率比較高，而HTML5作為後備可以擴展iPad和iPhone用戶
閱讀更多 挨踢學霸 的文章
