video元素是HTML5規範新增加的元素，用於支持在網頁文檔中播放視頻。在HTML5規範出現之前，標準網頁文檔是不支持視頻播放的。大多數網頁文檔中的視頻是通過插件（例如Flash）來播放的，所有的瀏覽器都必須安裝插件才能播放網頁中的視頻，在沒安裝插件的瀏覽器上不能播放網頁中的視頻，這顯然會給用戶帶來很大的困惑。
為了解決在網頁中播放視頻的問題，HTML5規範增加了video元素，網頁設計者可以通過video元素在網頁中引入視頻，支持HTML5規範的瀏覽器會自動播放由video元素引入的視頻，並提供播放控制條。
video元素使用video標籤，在video標籤中有三個比較重要的屬性。一個屬性是width，用於設置視頻播放窗口的寬度，屬性值為像素或百分比；一個屬性是height，用於設置視頻播放窗口的寬度，屬性值為像素或百分比；一個屬性是controls，用於設置是否顯示播放控制條，controls是個特殊屬性，只有屬性名稱沒有屬性值，在video標籤中添加controls屬性後，視頻播放窗口會顯示播放控制條，用來控制視頻的播放，如暫停、拖動、音量控制等。
video標籤描述了視頻播放窗口的寬度、高度、播放控制條等屬性，沒有描述視頻的路徑和格式。視頻的路徑和類型由source標籤描述，source標籤放置在video標籤的起始標籤和結束標籤內。source標籤的src屬性用於設置視頻的URL路徑；source標籤的type屬性用於設置視頻格式，當前video元素主要支持mp4、WebM、Ogg格式。在video標籤中可以放置多個source標籤，每個source標籤描述不同格式的視頻，瀏覽器會選擇自身支持的視頻格式進行播放，可以充分兼容各類瀏覽器。
例1：設計一個網頁，要求網頁支持視頻播放，並顯示視頻播放控制條。
下圖是瀏覽器的顯示效果。播放控制條在不同的瀏覽器中，可能會有不同的顯示效果和功能按鈕。source標籤的src屬性給出了視頻的URL路徑，URL路徑可以是絕對路徑，也可以是相對路徑；type屬性給出了視頻的格式。
例2：設計一個網頁，支持視頻播放，要求兼容不同的瀏覽器。
在上面的網頁代碼中，video標籤內放置了3個source標籤，分別給出了同一視頻不同格式的視頻路徑，包括mp4、ogg、webm三種格式，瀏覽器會選擇自身支持的格式進行播放。當瀏覽器不支持上述格式時，它會使用video內給出的提示信息「您的瀏覽器不支持 video 標籤」來告知用戶。