最近项目中使用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中视频 音频标签 进度条的问题的详细内容...