好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

浅谈Html5中视频 音频标签 进度条的问题

最近项目中使用Ht ML 5的video和audio标签来在线播放视频和音频文件,但是遇到个奇葩的问题,页面上播放之后 进度 条无效,

查看w3c之后发现html代码并没有什么不同,之后猜想如果用静态的html使用 video标签 播放本地文件进度条会不会能用呢?

试了一下发现真的可以使用,随后 F1 2查看播放本地视频和播放项目中的网络响应有什么区别,发现响应头多了些东西,随把这些东西一个一个加到后台代码中,最后成功了!

JavaScript Code 复制内容到剪贴板

response.setHeader( "Cache-Control" , " ;m ax-age=315 360 00,&nbs p; must- rev alidate" );   response.setHeader( "Content-Length" , file.length() +  "" );   if  (fileN am e.cont ai ns( ".mp4" )) {      response.setContentTy PE ( "video/mpeg4" );   }   if  (fileName.contains( ".m P3 " )) {      response.setContentType( "audio/mpeg" );      response.setHeader( "Accept-Ranges:" ,  "bytes" );   }  

以上就是小编为大家带来的 浅谈 Html5中视频 音频标签 进度条的问题全部内容了,希望大家多多支持~

原文地址:http://HdhCmsTestcn blog s .COM /youcanyouup/ Arch ive/2016/07/25/5704429.html

总结

以上是 为你收集整理的 浅谈Html5中视频 音频标签 进度条的问题 全部内容,希望文章能够帮你解决 浅谈Html5中视频 音频标签 进度条的问题 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于浅谈Html5中视频 音频标签 进度条的问题的详细内容...

  阅读:15次