HTML5 使用 video

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-23

■知識(shí)點(diǎn)

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

用法如下。

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

屬性	值	說明
autoplay	autoplay	如果出現(xiàn)該屬性，則視頻在就緒后馬上播放
controls	controls	如果出現(xiàn)該屬性，則向用戶顯示控件，如播放按鈕
height	pixels	設(shè)置視頻播放器的髙度
loop	loop	如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放
muted	muted	設(shè)置視頻的音頻輸出應(yīng)該被靜音
poster	URL	設(shè)置視頻下載時(shí)顯示的圖像，或者在用戶點(diǎn)擊播放按鈕前顯示的圖像
preload	preload	如果出現(xiàn)該屬性，則視頻在頁面加載時(shí)進(jìn)行加載，并預(yù)備播放；如果使用autoplay, 則忽略該屬性
src	URL	要播放的視頻的URL
width	pixels	設(shè)置視頻播放器的寬度

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

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

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

</video>

相關(guān)視頻回答

回復(fù)(0)