Html5中 視頻 音頻標簽 進度條問題

最近項目中使用Html5的video和audio標簽來在線播放視頻和音頻文件，但是遇到個奇葩的問題，頁面上播放之后進度條無效，

查看w3c之后發現html代碼並沒有什么不同，之后猜想如果用靜態的html使用video標簽播放本地文件進度條會不會能用呢？

試了一下發現真的可以使用，隨后F12查看播放本地視頻和播放項目中的網絡響應有什么區別，發現響應頭多了些東西，隨把這些東西一個一個加到后台代碼中，最后成功了!

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");
}