小編給大家分享一下關(guān)于html5 video標(biāo)簽的使用方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
10年積累的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有開(kāi)江免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
一、定義和用法
二、實(shí)例代碼
controls屬性告訴瀏覽器要有基本播放控件。
三、標(biāo)簽熟悉
1、width和height設(shè)置視頻窗口大小 。
2、preload設(shè)置媒體文件預(yù)加載情況。
(1)值為auto:讓瀏覽器自動(dòng)下載整個(gè)文件
(2)值為none:讓瀏覽器不必預(yù)先下載文件
(3)值為metadata:讓瀏覽器先獲取視頻文件開(kāi)頭的數(shù)據(jù)塊,從而足以確定一些基本信息。
3、autoplay自動(dòng)播放。
(1)autoplay屬性使瀏覽器加載完視頻文件后立即播放。
(2)若啟用自動(dòng)播放,可以將播放器設(shè)置為muted狀態(tài)。這樣自動(dòng)播放時(shí)會(huì)處于靜音狀態(tài)。用戶(hù)根據(jù)需要點(diǎn)擊播放器揚(yáng)聲器圖標(biāo)重新打開(kāi)聲音。
4、loop循環(huán)播放
loop屬性讓視頻播放結(jié)束時(shí),再?gòu)念^開(kāi)始播放。
5、poster設(shè)置替換視頻的圖片(封面圖片)
poster屬性可以設(shè)置,瀏覽器在下面三種情況下會(huì)使用這個(gè)圖片:
(1)視頻第一幀未加載完畢
(2)把preload屬性設(shè)置為none
(3)沒(méi)有找到指定的視頻文件
看完了這篇文章,相信你對(duì)關(guān)于html5 video標(biāo)簽的使用方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!