只要在HTML5中使用過視頻播放的同學(xué)對(duì)video標(biāo)簽一定不會(huì)陌生，不過很多同學(xué)只使用了video的基礎(chǔ)功能，實(shí)際上video擁有強(qiáng)大潛能的，只要姿勢(shì)正確就能讓其擁有超能力。不妨從下面幾個(gè)場(chǎng)景來逐漸了解下video未曾被發(fā)掘的神秘空間，下面我們就和石家莊做網(wǎng)站的尚武科技一起來詳細(xì)的了解一下吧。

　　節(jié)省視頻流量

　　使用video的同學(xué)基本上都是這樣用的，如下：

　　利用src屬性

　　利用source標(biāo)簽

　　這樣就可以播放視頻了，不過前面我們講過這樣使用video，視頻的加載是受瀏覽器控制的，可以看下瀏覽器在視頻剛開始播放的時(shí)候下載了多少數(shù)據(jù)：我隨便找了個(gè)視頻，視頻總長(zhǎng)度是02:08,在播放到00:05的時(shí)候，瀏覽器已經(jīng)下載到01:30了，如果用戶終止觀看，下載的視頻就這樣被浪費(fèi)掉了。當(dāng)然，如果不斷的seek也會(huì)造成較多的流量浪費(fèi)。按照我們之前的統(tǒng)計(jì)在短視頻領(lǐng)域，用戶seek的頻率在80%，所以這部分流量是可以節(jié)省掉的。具體原理如下:

　　1.設(shè)置每次加載的數(shù)據(jù)包大小

　　2.設(shè)置預(yù)加載時(shí)長(zhǎng)

　　3.開啟加載隊(duì)列，完成第一次數(shù)據(jù)包下載，判斷緩沖時(shí)間和預(yù)加載時(shí)長(zhǎng)是否滿足，不滿足請(qǐng)求下一個(gè)數(shù)據(jù)包

　　具體實(shí)現(xiàn)代碼如下：

　　這樣就實(shí)現(xiàn)了視頻在播放過程中永遠(yuǎn)只預(yù)加載10秒的數(shù)據(jù)，進(jìn)而保證節(jié)省流量。

　　以上就是石家莊尚武科技的網(wǎng)站前端工程師為大家?guī)淼年P(guān)于石家莊做網(wǎng)站中關(guān)于H5視頻標(biāo)簽的相關(guān)介紹，希望大家能夠喜歡。