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