浅谈Html5中视頻 声频标识 进度条的难题

日期:2020-12-11 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站

近期新项目中应用Html5的video和audio标识来线上播发视頻和声频文档,可是遇到个奇葩的难题,网页页面上播发以后进度条失效,

查询w3c以后发现html编码并沒有甚么不一样,以后猜测假如用静态数据的html应用video标识播发当地文档进度条会不容易能用呢?

试了1下发现真的可使用,接着F12查询播发当地视頻和播发新项目中的互联网回应有甚么差别,发现回应头多了些物品,随把这些物品1个1个加到后台管理编码中,最终取得成功了!

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