最近項(xiàng)目中使用Html5的video和audio標(biāo)簽來(lái)在線(xiàn)播放視頻和音頻文件，但是遇到個(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)容了，希望大家多多支持腳本之家~
