色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html中播放視屏的標(biāo)簽html中如何設(shè)置視頻屬性

老白2年前900瀏覽0評(píng)論

可以用video標(biāo)簽插入視頻。1、新建html文件,在body標(biāo)簽中添加video標(biāo)簽,為video標(biāo)簽添加“src”屬性,屬性值為視頻的位置,這時(shí)視頻就被插入到網(wǎng)頁(yè)中去了:

2、為video標(biāo)簽添加“controls”屬性,不需要添加屬性值,這時(shí)視頻中將會(huì)出現(xiàn)視頻控制按鈕:

3、video默認(rèn)的寬高是視頻自身的寬高,可以通過添加“width”和“height”屬性自定義視頻的寬高:

4、為video添加“autoplay”屬性,屬性值為“autoplay”,這時(shí)當(dāng)視頻加載完成時(shí)會(huì)自動(dòng)播放

HTML5中的video和audio標(biāo)簽中有一個(gè)autoplay屬性,添加這個(gè)屬性后就會(huì)在文件加載完成以后自動(dòng)播放。具體代碼如下:

video:

<video autoplay="autoplay"> <source src="視頻路徑" /></video>

audio:

<audio autoplay="autoplay"> <source src="視頻路徑" /></audio>

除此屬性外還有如下屬性:

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

height:設(shè)置視頻播放器的高度。

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

URL:要播放的視頻的 URL。

preload:如果出現(xiàn)該屬性,則視頻在頁(yè)面加載時(shí)進(jìn)行加載,并預(yù)備播放。不與autoplay同用。

我們新建一個(gè)html5網(wǎng)頁(yè)文件,把他命名為test.html,接下來我們用test.html文件來講解html5如何在網(wǎng)頁(yè)中顯示視頻,并且自動(dòng)播放。

在test.html文件內(nèi),視頻由<video> 標(biāo)簽定義和源屬性(Src)<video><source src="" type="video/mp4" /></video>。

在test.html文件內(nèi),<video> 標(biāo)簽內(nèi),src 指存儲(chǔ)視頻的位置。<video><source src="movie.mp4" type="video/mp4" /></video>

在test.html文件內(nèi),<video> 標(biāo)簽內(nèi),設(shè)置為自動(dòng)播放的 video 元素autoplay 屬性,<video controls="controls" autoplay="autoplay">

在瀏覽器瀏覽一下test.html,來看看效果