位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5 使用 video

提問人:劉團圓發(fā)布時間:2020-11-23

■知識點

HTML5新增的<video>標簽可以播放視頻文件或視頻流,支持Ogg、MPEG4、WebM等視頻格式,

用法如下。

<video src="samplemovie.mp4" controls="controls"></video>

其中src屬性用于指定要播放的視頻文件,controls屬性用于提供播放、暫停和音量控件。<vide0>標簽支持的屬性如表所示。

autoplay

autoplay

如果出現(xiàn)該屬性,則視頻在就緒后馬上播放

controls

controls

如果出現(xiàn)該屬性,則向用戶顯示控件,如播放按鈕

height

pixels

設(shè)置視頻播放器的髙度

loop

loop

如果出現(xiàn)該屬性,則當媒介文件完成播放后再次開始播放

muted

muted

設(shè)置視頻的音頻輸出應(yīng)該被靜音

poster

URL

設(shè)置視頻下載時顯示的圖像,或者在用戶點擊播放按鈕前顯示的圖像

preload

preload

如果出現(xiàn)該屬性,則視頻在頁面加載時進行加載,并預(yù)備播放;如果使用autoplay, 則忽略該屬性

src

URL

要播放的視頻的URL

width

pixels

設(shè)置視頻播放器的寬度


如果瀏覽器不支持<video>標簽,可以在<video>與</video>標識符之間嵌入替換的HTML字符串, 這樣早期瀏覽器就可以顯示這些信息了。

<video src="test.mp4" controls="controls"

您的瀏覽器不支持〈video〉標簽。

</video>


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(0)
返回頂部