HTML5 video 影片標籤語法
<video src="影片連結" controls></video>
HTML 5 <video> 標籤裡的 src 是最重要的屬性，影片連結就放在 src= 的右方引號內，另外可以加入幾個控制選項屬性，例如加入 controls 會出現控制功能列、加入 width 可以設定影片寬度、加入 height 可以控制影片高度、加入 loop 可以重覆播放、加入 autoplay 可以在影片準備好時自動播放、加入 preload 會在網頁載入時就準備播放，不過如果同時使用 autoplay 與 preload，會以 autoplay 屬性為主。
瀏覽器對 HTML5 video 影片標籤以及影片格式的支援
HTML 5 目前所支援的影片格式有三種，分別為 ogg、mpeg 4、WebM，這麼多種格式不知道要怎麼選擇也沒關係，<video> 標籤有支援多重影片功能，也就是說，可以將同一個影片，準備三種不同的格式，當網友用不同的瀏覽器開啟時，<video> 標籤會自動根據當時的瀏覽器，播放適合該瀏覽器所支援的影片格式，這樣就解決不知道該用哪種格式的問題了，但像是 IE 7、IE 8 等較舊的瀏覽器，本身並不支援 <video> 標籤，所以依然無法順利播放影片，以下準備了一張表格，提供給各位參考。
| 瀏覽器 | ogg | MPEG 4 | WebM |
| FireFox 4.0 | 支援 | 不支援 | 支援 |
| Chrome 5.0 | 支援 | 支援 | 支援 |
| Safari 3.0 | 不支援 | 支援 | 不支援 |
| Opera 10.5 | 支援 | 不支援 | 支援 |
| IE 9 | 不支援 | 支援 | 不支援 |
這張表上的瀏覽器支援影片格式可能隨著瀏覽器的進化而有所改變，建議在使用影片格式同時，多測試當時的各家瀏覽器支援情況，目前看來 Opera 與 IE 的支援格式剛好相反，Safari 與 IE 的支援格式剛好相同，而 Chrome 則是所有格式都支援，Google 果然是 HTML 5 支持者。雖然有三種格式可以選擇，但其實仔細看，不難發現，準備 ogg 與 mp4 兩種格式，就可以滿足大部分的瀏覽器了。
HTML 5 <video> 影片標籤範例
<video width="360" height="270" controls>
<source src="video/test.ogg" type="video/ogg">
<source src="video/test.mp4" type="video/mp4">
您的瀏覽器不支援此 HTML5 影片標籤
</video>
以上範例輸出結果在範例中，我們使用了多重影片載入的方式，運用了 ogg 與 mp4 這兩種影片格式，讓 <video> 標籤自動根據瀏覽器判斷要顯示哪一種格式，且 ogg 與 mp4 剛好也涵蓋了以上幾個主流瀏覽器的支援範圍，所以正常來說應該都可以順利播放。另外，我們也在 <video> 標籤中使用了調整影片寬度（width）與高度（height）的屬性，且增加了 controls 讓影片有播放功能列，可以調整音量、選擇影片播放位置、開始與暫停、全螢幕等，大至上的影片播放功能也差不多是這樣。最後提醒一下，雖然 HTML 5 <video> 標籤用來播放影片相當的容易，但影片的內容就顯得相當重要，絕對不要在網頁上，使用未經授權的任何影片，避免侵害他人智慧財產權。<source src="video/test.ogg" type="video/ogg">
<source src="video/test.mp4" type="video/mp4">
您的瀏覽器不支援此 HTML5 影片標籤
</video>
延伸閱讀