手机
当前位置:查字典教程网 >网页设计 >HTML5教程 >浅谈Html5中视频 音频标签 进度条的问题
浅谈Html5中视频 音频标签 进度条的问题
摘要:最近项目中使用Html5的video和audio标签来在线播放视频和音频文件,但是遇到个奇葩的问题,页面上播放之后进度条无效,查看w3c之后...

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

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

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

JavaScript Code复制内容到剪贴板 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"); }

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

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

【浅谈Html5中视频 音频标签 进度条的问题】相关文章:

html5 视频播放解决方案

html5 application cache遇到的严重问题

html5中 media(播放器)的api使用指南

Html5 audio标签样式的修改

有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题

html5的新增的标签和废除的标签简要概述

使用Html5实现异步上传文件,支持跨域,带有上传进度条

浅析HTML5中header标签的用法

HTML5进度条特效

检测浏览器是否支持html5视频的代码

精品推荐
分类导航