一共支持三種格式: Ogg、MPEGWebM。
創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站與策劃設(shè)計(jì),陜西網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:陜西等地區(qū)。陜西做網(wǎng)站價(jià)格咨詢:18980820575
HTML5支持的視頻格式在HTML5中嵌入的視頻格式主要包括ogg、mpegwehm等。
HTML5支持的視頻格式在HTML5中嵌入的視頻格式主要包括ogg、mpegwehm等,具體介紹如下。
1、啟動(dòng)DW軟件,新建一個(gè)html5網(wǎng)頁,在頂部依次點(diǎn)擊選擇【插入】-【html】-【html5 video】。選擇html5 video后,軟件會(huì)自動(dòng)加入一個(gè)video/video標(biāo)簽組。我在video后添加src=代碼,然后在雙引號(hào)中輸入網(wǎng)絡(luò)mp4格式的視頻鏈接。
2、進(jìn)入Visual Studio Code,新建html文件 打開Visual Studio Code軟件,打開工作區(qū)空間,選擇需要進(jìn)行操作的文件夾,點(diǎn)擊上方的新建文件選項(xiàng)。
3、如圖,在項(xiàng)目文件中放置mp4格式的視頻,因?yàn)镠5只支持這類視頻,avi格式的不可以。然后在自己的HTML編輯軟件建一個(gè)HTML5的文件,這里就用Hbuilder建立了。
4、向HTML中插入視頻有兩種方法,一種是古老的object標(biāo)簽,一種是html5中的video標(biāo)簽。前者兼容性相對(duì)好些,后者兼容性讓人頭疼。
1、可以考慮嵌入flash或其他第三方播放器播放??梢杂靡曨l轉(zhuǎn)換軟件把qlv文件轉(zhuǎn)換為mp4文件類型,再使用HTML5 video控件播放。
2、打開Hbuilder,在項(xiàng)目管理器中放置mp4格式視頻點(diǎn)擊index.html進(jìn)入。在這里通過紅色方框中的命令來建立一個(gè)HTML5的文件。這個(gè)時(shí)候添加video元素就可以插入視頻了,用autoplay設(shè)置自動(dòng)播放,controls設(shè)置控制欄。
3、,自動(dòng)播放 (1)使用autoplay屬性可以讓瀏覽器加載完視頻文件后立即播放。video src=hangge.mp4 controls autoplay/video1 (2)如果啟用自動(dòng)播放,可以將播放器設(shè)置為muted狀態(tài)。這樣自動(dòng)播放時(shí)會(huì)靜音,防止用戶厭煩。
4、例子如下: 代碼如下: 您的瀏覽器不支持此種視頻格式。
5、這樣,html5瀏覽器會(huì)自動(dòng)在這些source標(biāo)簽中從上到下依次尋找并識(shí)別出該瀏覽器可以播放的第一個(gè)視頻文件并進(jìn)行播放,從而實(shí)現(xiàn)兼容多個(gè)瀏覽器的視頻播放功能。
6、新建一個(gè)html文件,命名為test.html,用于介紹如何使用video控制視頻。在test.html頁面,使用button標(biāo)簽創(chuàng)建四個(gè)按鈕,分別是播放/暫停、大、中、小,用于控制視頻的播放效果。同時(shí),使用video標(biāo)簽創(chuàng)建一個(gè)視頻。
文章題目:html5視頻圖片的簡單介紹
文章URL:http://jinyejixie.com/article26/dgpcdjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、動(dòng)態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)