什麼是HTML5視頻？
HTML5規範引入的視頻元素的播放視頻的目的，部分取代對象元素。
HTML5視頻是由它的創作者意圖成為在網絡上展示視頻新標準的方式，而是採用了專有的Adobe Flash插件的前面事實上的標準，雖然早期採用因缺乏協議的哪個視頻編碼格式受阻和音頻編碼格式，應在Web瀏覽器的支持。
播放視頻的HTML
HTML5之前，有用於顯示網頁上的視頻沒有標準。
HTML5之前，影片只能用外掛玩(like flash)
的HTML5 <video>元素指定一個標準的方式在網頁中嵌入的視頻。
瀏覽器支持
在表中的數字指定完全支持所述第一瀏覽器版本<video>元素。
| 元件 | |||||
|---|---|---|---|---|---|
| <video> | 4 | 9 | 3.5 | 4 | 10.5 |
的HTML <video>元
要顯示在HTML的視頻，可使用<video>元素：
例
<video width="320" height="240" controls>
<source src="/html/movie.mp4" type="video/mp4">
<source src="/html/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> 試一試» 怎麼運行的
該controls的屬性添加了視頻控件，如播放，暫停和音量。
這是一個好主意，總是包括width和height屬性。
如果未設置高度和寬度，瀏覽器不知道視頻的大小。 效果將是該頁面會改變(or flicker) ，而視頻負載。
之間文本<video>和</video>標籤將僅在不支持的瀏覽器中顯示<video>元素。
多個<source>元件可以鏈接到不同的視頻文件。 瀏覽器將使用第一個可識別的格式。
HTML <video>自動播放
要啟動視頻自動使用autoplay屬性：
例
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video> 試一試» 該autoplay屬性並不像iPad和iPhone移動設備。
HTML視頻 - 瀏覽器支持
目前，有3支持的視頻格式的<video>元素：MP4，WebM和奧格：
| 瀏覽器 | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES (from Opera 25) | YES | YES |
HTML視頻 - 媒體類型
| 文件格式 | 媒體類型 |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML視頻 - 方法，屬性和事件
HTML5定義了DOM的方法，屬性和事件<video>元素。
這使您可以加載，播放和暫停視頻，以及設置時間和體積。
也有DOM事件時，會在視頻開始播放，可以通知你，暫停等。
對於一個完整的DOM參考，請訪問我們的HTML5音頻/視頻DOM參考 。
HTML5視頻標籤
| 標籤 | 描述 |
|---|---|
| <video> | 定義視頻或電影 |
| <source> | 定義了用於媒體元素的多個媒體資源，諸如<video>和<audio> |
| <track> | 定義文本軌道中的媒體播放器 |