htmlvideo自適應(yīng)(htmlvideo標(biāo)簽用法)
用JS在頁面加載完成后 獲取瀏覽器高度以及寬度,再設(shè)置VIDEO元素高度寬度即可ltscript type=quottextjavascriptquot function resizeBody var bodyHeight = quot#Flash1quotheightbody。
可以控制寬高的CSS就可以才你說的是兼容問題吧在你現(xiàn)有代碼下加上這段代碼lt!if lt IE9 ltscript src=quothtml5jsquotltscript lt!endif 這段代碼的意思是如果瀏覽器版本小于IE9,執(zhí)行此JS腳本。
給你個(gè)提示 點(diǎn)擊播放有觸發(fā)動作,點(diǎn)擊視頻 去除掉controle屬性,再點(diǎn)擊視頻 顯示controls并且暫替就可以了。
1新建一個(gè)html文件,命名為testhtml,用于介紹如何使用video控制視頻2在testhtml頁面,使用button標(biāo)簽創(chuàng)建四個(gè)按鈕,分別是播放暫停大中小,用于控制視頻的播放效果同時(shí),使用video標(biāo)簽創(chuàng)建一個(gè)視頻3給。
使用VS code對JS進(jìn)行Debug,需要安裝一個(gè)插件,這個(gè)插件是根據(jù)你所使用的瀏覽器來的,不同瀏覽器對應(yīng)插件不同,以下是插件對應(yīng)情況,下載完相應(yīng)的插件以后還要下載一個(gè)live server在瀏覽器下查看你界面運(yùn)行效果,記得在到設(shè)置。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。