這次給大家帶來H5中視頻與音頻標簽和進度條如何使用，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");

}

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

正則表達式里的match()、search()函數與match()和search()函數的具體有什么區別呢?

總結

以上是生活随笔為你收集整理的php怎样查看视频播放的进度条,H5中视频与音频标签和进度条如何使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。