作為HTML5才有的新標籤，video解決了以往網頁中只有超文字和圖片的困境，同時，為了解決視訊在各個瀏覽器之間的相容性問題，video標籤有兩種書寫格式。

以<video>與</video>括起來的格式，這個書寫格式使得對視訊的格式要求比較嚴格，因為這裡的視訊格式只是單一的。

我們可以通過在<video>標籤中新增屬性 src ，跟img標籤一樣，video標籤也是利用這個屬性來指定它所顯示內容的地址。

視訊在瀏覽器中顯示之後，我們還可以通過autoplay 屬性來為視訊設定是否 自動播放視訊，值為autoplay 時自動播放。autoplay="autoplay"

視訊的進度條在視訊播放時也非常重要，在video 中我們通過controls 來新增視訊的進度條，它包括視訊的播放暫停、是否全屏、播放進度等等，根據瀏覽器來顯示。controls="controls"

loop 屬性可以設定視訊是否重複播放，當視訊播放結束時，我們可以通過loop 屬性來設定視訊的重複播放。loop="loop"

在視訊播放前，我們可以用poster 屬性設定一個影象，可以通過這個屬性在視訊播放前放上一些廣告內容，或者是視訊的宣傳海報之類的。poster="poster"

muted 屬性的設定可以讓我們的視訊變為靜音狀態，一般不使用這個屬性。muted="muted"

width / height

最後還有一個屬性

preload屬性，這個屬性的值為preload時代表著這個視訊是預播放視訊，瀏覽器會自動下載我們要觀看的視訊，這個功能只有在網路下載視訊的情況下才有效果，視訊下載完成後我們可以播放我們要看的視訊，這樣就可以解決因為網路卡緩衝慢，視訊無法播放的問題。但是這個屬性不可以跟autoplay 屬性同時存在！！

以上是video中的一些屬性，我們都可以在<video     >尖括號裡面寫上上面的這些屬性值來使用。

而video 標籤的另一種書寫格式，我們在<video>和</video>的中間新增一個新的標籤。<source>

我們通過將source 新增src 屬性，讓瀏覽器指定到給定的視訊，再通過type="video/XXX"指定我們的視訊格式，因為各瀏覽器對於視訊的相容不一樣，所以這個功能就顯得特別重要。

用於視訊的有video/ogg、video/mp4、video/webm

所以這一種格式的書寫在使用上會比較頻繁

<video>

<source scr="…….ogg" type="video/ogg">

<source src="…….mp4" type="video/mp4">

<source src="…….webm" type="video/webm">

</video>