DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> 淺談Html5中視頻 音頻標簽 進度條的問題
淺談Html5中視頻 音頻標簽 進度條的問題
編輯:HTML5教程     

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

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

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

JavaScript Code復制內容到剪貼板
  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. }  

以上就是小編為大家帶來的淺談Html5中視頻 音頻標簽 進度條的問題全部內容了,希望大家多多支持~

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved