最近項(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)代碼中，最后成功了!
JavaScript Code復(fù)制內(nè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");
- }
以上就是小編為大家?guī)?lái)的淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問(wèn)題全部?jī)?nèi)容了，希望大家多多支持~
原文地址：http://www.cnblogs.com/youcanyouup/archive/2016/07/25/5704429.html
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。