您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 移動前端 >> 瀏覽設(shè)計教程

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

最近項目中使用Html5的video和audio標(biāo)簽來在線播放視頻和音頻文件,但是碰到個奇葩的題目,頁面上播放之后進(jìn)度條無效,

查看w3c之后發(fā)現(xiàn)html代碼并沒有什么不同,之后猜想假如用靜態(tài)的html使用video標(biāo)簽播放本地文件進(jìn)度條會不會能用呢?

試了一下發(fā)現(xiàn)真的可以使用,隨后F12查看播放本地視頻和播放項目中的網(wǎng)絡(luò)相應(yīng)有什么區(qū)別,發(fā)現(xiàn)相應(yīng)頭多了些東西,隨把這些東西一個一個加到后臺代碼中,最后成功了!

javascript Code復(fù)制內(nèi)容到剪貼板
  1. response.setHeader("Cache-Control","max-age=31536000, must-revalidate");  
  2. response.setHeader("Content-Length", file.length() + "");  
  3. if (fileName.contains(".mp4")) {  
  4.    response.setContentType("video/mpeg4");  
  5. }  
  6. if (fileName.contains(".mp3")) {  
  7.    response.setContentType("audio/mpeg");  
  8.    response.setHeader("Accept-Ranges:""bytes");  
  9. }  

以上就是小編為大家?guī)淼臏\談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的題目悉數(shù)內(nèi)容了,盼望大家多多支持圖趣網(wǎng)~

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

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd3363.html
Html5 web本地存儲實(shí)例詳解
html5 初試 indexedDB保舉
圖趣網(wǎng)微信
建議反饋
×