国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁(yè)課程HTML Fun ClassHTML5 Video element

HTML5 Video element

目錄列表

<video> 元素

<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)簽的信息。


在空格處填寫(xiě)正確的標(biāo)簽,完成顯示視頻

 <video controls>

      <source ="movie.mp4" type="video/mp4" />

      <source src="movie.ogg" ="video/ogg" />

      您的瀏覽器不支持 Video 標(biāo)簽。

 </video>


&lt;video&gt; 的屬性

<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>



拖拉排序代碼,創(chuàng)建一個(gè)有效的視頻標(biāo)簽,首先嘗試播放mp4文件。

  • 您的瀏覽器不支持 video 標(biāo)簽。
  • <source src="movie.mp4" type="video/mp4">
  • <source src="movie.ogg" type="video/ogg">
  • <video controls>
  • </video>