HTML video 標(biāo)簽參考手冊HTML <video> 標(biāo)簽

當(dāng)使用 <video> 屬性時，需要給添加的視頻添加一個實現(xiàn)播放的控件，該控件使用 controls 屬性實現(xiàn)，controls 屬性設(shè)置或返回瀏覽器應(yīng)當(dāng)顯示標(biāo)準(zhǔn)的視頻控件，您可以在下述示例中刪除代碼中的controls屬性，比較運(yùn)行結(jié)果發(fā)生的變化：

實例

帶有瀏覽器默認(rèn)控件的 <video> 元素：

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 controls 屬性。

注意： Internet Explorer 8 及更早IE版本不支持 <video> 標(biāo)簽。

定義和用法

controls 屬性是一個 boolean(布爾) 屬性。

controls 屬性規(guī)定瀏覽器應(yīng)該為視頻提供播放控件。

如果設(shè)置了該屬性，則規(guī)定不存在作者設(shè)置的腳本控件。

瀏覽器控件應(yīng)該包括：

  • 播放
  • 暫停
  • 定位
  • 音量
  • 全屏切換
  • 字幕（如果可用）
  • 音軌（如果可用）

HTML 4.01 與 HTML5之間的差異

<video> 標(biāo)簽是 HTML5 新標(biāo)簽。

HTML 與 XHTML 之間的區(qū)別

在 XHTML中, 屬性不允許簡寫，controls 屬性必須定義為： <video controls="controls">。

語法

<video controls>
HTML video 標(biāo)簽參考手冊HTML <video> 標(biāo)簽