現在如果要在頁面中使用video標簽，需要考慮三種情況，支持Ogg Theora或者VP8（如果這玩意兒沒出事的話）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，現在讓我們從技術層面來認識HTML 5的視頻，包括video標簽的使用，視頻對象可以用到的媒介屬性和方法，以及媒介事件。
video 標簽的使用
Video標簽含有src、poster、preload、autoplay、loop、controls、width、height等幾個屬性， 以及一個內部使用的標簽<source>。Video標簽內除了可以包含<source>標簽外，還可以包含當指定的視頻都不能 播放時，返回的內容。
1.src 這個屬性用來指定詩頻的地址
2poster 屬性用於指定一張圖片，在當前視頻數據無效時顯示（預覽圖）
3preload 這個屬性也能通過名字了解用處，此屬性用於定義視頻是否預加載。屬性有三個可選擇的值：none、metadata、auto。如果不使用此屬性，默認為auto
4 autoplay屬性 又是一個看名字知道用處的屬性。Autoplay屬性用於設置視頻是否自動播放，是一個布爾屬性。當出現時，表示自動播放，去掉是表示不自動播放。
5loop屬性用於指定視頻是否循環播放，同樣是一個布爾屬性。
6 Controls屬性用於向瀏覽器指明頁面制作者沒有使用腳本生成播放控制器，需要瀏覽器啟用本身的播放控制欄。
7source Source標簽用於給媒體（因為audio標簽同樣可以包含此標簽，所以這兒用媒體，而不是視頻）指定多個可選擇的（瀏覽器最終只能選一個）文件地址，且只能在媒體標簽沒有使用src屬性時使用。
瀏覽器按source標簽的順序檢測標簽指定的視頻是否能夠播放（可能是視頻格式不支持，視頻不存在等等），如果不能播放，換下一個。此方法多用於兼容不同的瀏覽器。Source標簽本身不代表任何含義，不能單獨出現。
代碼列子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <video width="658" height="444" poster="img/1.png" autoplay="autoplay" preload="none" controls="controls"><source src="img/1.mp4" /></video> </body> </html>
這個屬性也能通過名字了解用處，此屬性用於定義視頻是否預加載。屬性有三個可選擇的值：none、metadata、auto。如果不使用此屬性，默認為auto。