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

　　節(jié)省視頻流量

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

　　利用src屬性

　　利用source標(biāo)簽

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

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

　　2.設(shè)置預(yù)加載時長

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

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

　　這樣就實現(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)介紹，希望大家能夠喜歡。