淺談Html5中視頻音頻標(biāo)簽進(jìn)度條的題目

2016/12/30 9:41:45來(lái)源：互聯(lián)網(wǎng)

最近項(xiàng)目中使用Html5的video和audio標(biāo)簽來(lái)在線播放視頻和音頻文件，但是碰到個(gè)奇葩的題目，頁(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)度條的題目悉數(shù)內(nèi)容了，盼望大家多多支持圖趣網(wǎng)~

原文地址：http://www.cnblogs.com/youcanyouup/archive/2016/07/25/5704429.html

[教程作者：佚名]

關(guān)鍵詞：淺談中視視頻音頻標(biāo)簽進(jìn)度進(jìn)度條問(wèn)題

免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請(qǐng)注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途！
本文地址：http://m.likemindfilms.com/tutorial/wd3363.html

上一篇:Html5 web本地存儲(chǔ)實(shí)例詳解

下一篇:html5 初試 indexedDB保舉

您可能還喜歡

這些是最新的

最熱門(mén)的教程

淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的題目

您可能還喜歡

網(wǎng)頁(yè)教程分類(lèi)

淺談Html5中視頻音頻標(biāo)簽進(jìn)度條的題目