HTML5是一種標(biāo)準(zhǔn)化的語(yǔ)言,它為網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員提供了豐富的功能和靈活的選項(xiàng)。其中一個(gè)功能就是設(shè)置暫停圖標(biāo)。下面將介紹如何在HTML5中設(shè)置暫停圖標(biāo)。
以上代碼中,首先我們用HTML5的video標(biāo)簽來(lái)嵌入視頻。然后,我們?cè)谶@個(gè)標(biāo)簽里使用了controls屬性,這樣就會(huì)出現(xiàn)默認(rèn)的控制條。接著,我們用source標(biāo)簽來(lái)引用視頻文件。
接下來(lái)的重頭戲是在video標(biāo)簽里插入暫停圖標(biāo)。這里我們使用了img標(biāo)簽,并為它加上了class屬性,可以在CSS中樣式化。我們還加入了一個(gè)onclick事件,當(dāng)我們點(diǎn)擊這個(gè)圖標(biāo)時(shí),它將調(diào)用Javascript函數(shù)pauseVideo()來(lái)暫停視頻播放。
最后,我們?cè)贘avascript代碼中定義了pauseVideo()函數(shù),這個(gè)函數(shù)使用了getElementsByTagName方法來(lái)選擇video標(biāo)簽,并調(diào)用其pause()方法來(lái)暫停視頻播放。
上一篇win8里css不能正常
下一篇word與css