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

節(jié)省視頻流量

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

利用src屬性

利用source標(biāo)簽

這樣就可以播放視頻了，不過(guò)前面我們講過(guò)這樣使用video，視頻的加載是受瀏覽器控制的，可以看下瀏覽器在視頻剛開(kāi)始播放的時(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.開(kāi)啟加載隊(duì)列，完成第一次數(shù)據(jù)包下載，判斷緩沖時(shí)間和預(yù)加載時(shí)長(zhǎng)是否滿足，不滿足請(qǐng)求下一個(gè)數(shù)據(jù)包

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

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

以上就是成都創(chuàng)新互聯(lián)的網(wǎng)站前端工程師為大家?guī)?lái)的關(guān)于成都做網(wǎng)站中關(guān)于H5視頻標(biāo)簽的相關(guān)介紹，希望大家能夠喜歡。

文章題目：關(guān)于成都做網(wǎng)站HTML中video標(biāo)簽講解
標(biāo)題網(wǎng)址：http://jinyejixie.com/news40/317290.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷(xiāo)、靜態(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)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)