H5中怎么使用视频与音频标签和进度条

H5中怎么使用视频与音频标签和进度条？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

创新互联建站专注于林口企业网站建设,成都响应式网站建设,商城网站制作。林口网站建设公司,为林口等地区提供建站服务。全流程定制网站建设，专业设计，全程项目跟踪，创新互联建站专业和态度为您提供的服务

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

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

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

response.setHeader("Cache-Control","max-age=31536000, must-revalidate");  
response.setHeader("Content-Length", file.length() + "");  
if (fileName.contains(".mp4")) {  
   response.setContentType("video/mpeg4");  
}  
if (fileName.contains(".mp3")) {  
   response.setContentType("audio/mpeg");  
   response.setHeader("Accept-Ranges:", "bytes");  
}

感谢各位的阅读！看完上述内容，你们对H5中怎么使用视频与音频标签和进度条大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。

分享文章：H5中怎么使用视频与音频标签和进度条
网页网址：https://www.cdcxhl.com/article16/pdchdg.html

成都网站建设公司_创新互联，为您提供网站导航、微信小程序、搜索引擎优化、微信公众号、营销型网站建设、响应式网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联