H5中怎么使用視頻與音頻標(biāo)簽和進(jìn)度條？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

創(chuàng)新互聯(lián)建站專注于林口企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站制作。林口網(wǎng)站建設(shè)公司,為林口等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站建設(shè)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

最近項(xiàng)目中使用Html5的video和audio標(biāo)簽來(lái)在線播放視頻和音頻文件，但是遇到個(gè)奇葩的問題，頁(yè)面上播放之后進(jìn)度條無(wú)效，

查看w3c之后發(fā)現(xiàn)html代碼并沒有什么不同，之后猜想如果用靜態(tài)的html使用video標(biāo)簽播放本地文件進(jìn)度條會(huì)不會(huì)能用呢？

試了一下發(fā)現(xiàn)真的可以使用，隨后F12查看播放本地視頻和播放項(xiàng)目中的網(wǎng)絡(luò)響應(yīng)有什么區(qū)別，發(fā)現(xiàn)響應(yīng)頭多了些東西，隨把這些東西一個(gè)一個(gè)加到后臺(tái)代碼中，最后成功了!

response.setHeader("Cache-Control","max-age=31536000, must-revalidate");  
response.setHeader("Content-Length", file.length() + "");  
if (fileName.contains(".mp4")) {  
   response.setContentType("video/mpeg4");  
}  
if (fileName.contains(".mp3")) {  
   response.setContentType("audio/mpeg");  
   response.setHeader("Accept-Ranges:", "bytes");  
}

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)H5中怎么使用視頻與音頻標(biāo)簽和進(jìn)度條大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享文章：H5中怎么使用視頻與音頻標(biāo)簽和進(jìn)度條
網(wǎng)頁(yè)網(wǎng)址：http://jinyejixie.com/article16/pdchdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、微信小程序、搜索引擎優(yōu)化、微信公眾號(hào)、營(yíng)銷型網(wǎng)站建設(shè)、響應(yī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)