2020最新国产在线不卡a-爱看女同中文字幕av-国产大秀视频在线一区二区-大香蕉手机在线最新视频

尚武科技——負(fù)責(zé)任的企業(yè)公民

電話

電話咨詢

pHONE CONSulTING

0311-83796180

QQ

在線咨詢

ONliNE CONSulTING
百度商橋
科技以人為本
尚武旗下網(wǎng)站
尚武科技
搜索圖標(biāo)
Sitemap | Mail | 合作答疑 | 招賢納士
網(wǎng)站公告 尚武科技服務(wù)熱線:0311-
 83796180
   
我們是誰(shuí)  |  企業(yè)文化  |  新聞動(dòng)態(tài)  |  加入我們  |  行業(yè)知識(shí)
關(guān)于石家莊做網(wǎng)站HTML中video標(biāo)簽講解

  只要在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屬性

石家莊做網(wǎng)站,網(wǎng)站前端設(shè)計(jì),H5標(biāo)簽

  利用source標(biāo)簽

石家莊做網(wǎng)站,網(wǎng)站前端設(shè)計(jì),H5標(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é)省掉的。具體原理如下:

石家莊做網(wǎng)站,網(wǎng)站前端設(shè)計(jì),H5標(biāo)簽

  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)代碼如下:

石家莊做網(wǎng)站,網(wǎng)站前端設(shè)計(jì),H5標(biāo)簽

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

  




上一篇:色彩心理學(xué)對(duì)石家莊做網(wǎng)站的影響力(四)             下一篇:石家莊網(wǎng)站建設(shè)之登錄注冊(cè)的邏輯流程

標(biāo)簽:石家莊做網(wǎng)站 網(wǎng)站前端設(shè)計(jì) H5標(biāo)簽
尚武科技
推薦閱讀
睿億網(wǎng)絡(luò)用心服務(wù)的團(tuán)隊(duì),竭誠(chéng)為您服務(wù) 客服不能及時(shí)回復(fù)您,您可點(diǎn)擊QQ進(jìn)行交談
欲了解業(yè)務(wù)詳情,請(qǐng)撥打咨詢熱線:
值班電話:15512183667
在線服務(wù): 尚武科技售前專員   
合作答疑 |  企業(yè)郵箱 |  關(guān)于我們 |  聯(lián)系我們 |  版權(quán)聲明 |  會(huì)員中心 |  友情鏈接 |  免責(zé)聲明
Copyright ? 2008-2019 尚武科技 保留所有權(quán)利 >冀ICP備07012169號(hào)    Copyright ? 2008 m.dachencms.com, Inc. All rights reserved