學習html5的video标簽 HTML <video> 标簽

慣例：

我是溫浩然：

轉載文章要标注轉載來源：

http://www.w3school.com.cn/tags/tag_video.asp

一段簡單的 html5 視訊：

<a target="_blank" href="http://www.w3school.com.cn/tiy/t.asp?f=html5_video">親自試一試</a>

ie

firefox

chrome

safari

opera

internet explorer 9+, firefox, opera, chrome 以及 safari 支援 &lt;video&gt; 标簽。

注釋：internet explorer 8 以及更早的版本不支援 &lt;video&gt; 标簽。

&lt;video&gt; 标簽定義視訊，比如電影片段或其他視訊流。

&lt;video&gt; 标簽是 html 5 的新标簽。

提示：可以在開始标簽和結束标簽之間放置文本内容，這樣老的浏覽器就可以顯示出不支援該标簽的資訊。

new : html5 中的新屬性。

屬性

值

描述

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_autoplay.asp">autoplay</a>

autoplay

如果出現該屬性，則視訊在就緒後馬上播放。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_controls.asp">controls</a>

controls

如果出現該屬性，則向使用者顯示控件，比如播放按鈕。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_height.asp">height</a>

pixels

設定視訊播放器的高度。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_loop.asp">loop</a>

loop

如果出現該屬性，則當媒介檔案完成播放後再次開始播放。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_muted.asp">muted</a>

muted

規定視訊的音頻輸出應該被靜音。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_poster.asp">poster</a>

url

規定視訊下載下傳時顯示的圖像，或者在使用者點選播放按鈕前顯示的圖像。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_preload.asp">preload</a>

preload

如果出現該屬性，則視訊在頁面加載時進行加載，并預備播放。

如果使用 "autoplay"，則忽略該屬性。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_src.asp">src</a>

要播放的視訊的 url。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_video_width.asp">width</a>

設定視訊播放器的寬度。