H5中怎么使用視頻與音頻標(biāo)簽和進(jìn)度條

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

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

查看w3c之后發(fā)現(xiàn)html代碼并沒(méi)有什么不同，之后猜想如果用靜態(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)注億速云行業(yè)資訊頻道。