<video> 標(biāo)簽定義視頻,比如電影片段或其他視頻流。
目前,<video> 元素支持三種視頻格式:MP4、WebM、Ogg。
如需在 HTML5 中顯示視頻,你需要使用以下代碼:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 video 標(biāo)簽。 </video>
<video> 元素與 <audio> 元素一樣,支持多個(gè) <source> 元素,<source> 元素可以鏈接不同的視頻文件,瀏覽器將使用第一個(gè)可識(shí)別的格式。<video> 元素也可以在 <video> 標(biāo)簽之間放置文本內(nèi)容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標(biāo)簽的信息。
<video controls>
<source ="movie.mp4" type="video/mp4" />
<source src="movie.ogg" ="video/ogg" />
您的瀏覽器不支持 Video 標(biāo)簽。
</video>
<video> 元素提供了播放、暫停和音量控件來(lái)控制視頻,同時(shí)<video> 元素元素也提供了 width 和 height 屬性控制視頻的尺寸。
<video> 元素和 <audio> 元素一樣,都有 controls,autoplay 和 loop 屬性。
在此例子中,視頻播放結(jié)束后會(huì)重新開(kāi)始播放:
<video controls autoplay loop> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">您的瀏覽器不支持 video 標(biāo)簽。</video>