1. 程式人生 > >HTML5 video 元素

HTML5 video 元素

<video  controls="如果出現該屬性,則向用戶顯示音訊控制元件(比如播放/暫停按鈕)" autoplay="如果出現該屬性,則音訊在就緒後馬上播放" loop="如果出現該屬性,則每當音訊結束時重新開始播放">

<source src=" 規定音訊檔案的URL" type="名字/格式">

</video>

例子,視訊播放結束後會重新開始播放:

<video controls autoplay loop>
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
您的瀏覽器不支援 video 標籤。
</video>

<video> 標籤定義視訊,目前支援三種格式:MP4、WebM、Ogg

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的瀏覽器不支援 video 標籤。
</video>

<video> 元素與 <audio> 元素一樣,支援多個 <source> 元素,新增不用格式的同一視訊,以防瀏覽器識別不出來,而且瀏覽器將使用第一個可識別的格式。<video> 元素也可以在 <video> 標籤之間放置文字內容,這樣不支援 <video> 元素的瀏覽器就可以顯示出該標籤的資訊。