許多時髦的網站都提供視訊。html5提供了展示視訊的標準
檢測您的瀏覽器是否支援html5視訊
Web上的視訊
直到現在，仍然不存在一項旨在網頁上顯示視訊的標準。
今天，大多數視訊是通過外掛（比如Flash）來顯示的。然而，並非所有瀏覽器都擁有同樣的外掛。
html5規定了一種通過video元素來包含視訊的標準方法。
視訊格式
當前，dideo元素支援三種視訊格式：
| 格式 | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
| MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
| WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
Ogg=帶有Theora視訊編碼和Vorbis音訊編碼的Ogg檔案
MPEG4=帶有H.264視訊編碼和AAC音訊編碼的MPEG4檔案
WebM=帶有VP8視訊編碼和Vorbis音訊編碼的WebM檔案。
視訊格式
mp4 dideo/mp4
WebM video/webm
Ogg video/ogg
如何工作
如需在html5中顯示視訊，您所有需要的是:
<video src="movie.ogg" controls="controls"> </video>
control屬性供新增播放、暫停和音量控制元件。
包含寬度和高度屬性也是不錯的主意。
video與video之間插入的內容是供不支援video元素的瀏覽器顯示的：
例項
<video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video>
使用DOM進行控制
html5<video>和<audio>元素同樣擁有方法，屬性和事件
<video> 和 <audio>元素的方法、屬性和事件可以使用JavaScript進行控制.
其中的方法有用於播放，暫停及載入等。其中的屬性（比如時長，音量）可以被讀取或設定。其中的DOM事件能夠通知您，比方說video元素開始播放，已暫停，等等。