使用HTML5可以很方便地實(shí)現(xiàn)視屏雙擊全屏的效果。下面我們就來(lái)介紹如何實(shí)現(xiàn)這個(gè)功能。
首先,在視頻標(biāo)簽(video)中添加一個(gè)屬性——webkit-playsinline,這個(gè)屬性的作用是讓視頻可以在頁(yè)面中播放,不會(huì)直接跳轉(zhuǎn)到全屏播放。
接下來(lái),在JavaScript中添加一個(gè)事件監(jiān)聽,監(jiān)聽雙擊事件。當(dāng)視頻雙擊時(shí),我們就將其全屏。
代碼如下:
```html以上代碼就是使用HTML5實(shí)現(xiàn)視頻雙擊全屏的全部?jī)?nèi)容。使用這個(gè)代碼,不僅可以方便地實(shí)現(xiàn)視頻雙擊全屏的效果,還可以適配多種瀏覽器。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang