溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
H5中怎么使用視頻與音頻標簽和進度條？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！
最近項目中使用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");
}感謝各位的閱讀！看完上述內容，你們對H5中怎么使用視頻與音頻標簽和進度條大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
