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


Posted in HTML / CSS onJuly 26, 2016

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

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

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

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

HTML / CSS 相关文章推荐
CSS3实现粒子旋转伸缩加载动画
Apr 22 HTML / CSS
CSS3实现任意图片lowpoly动画效果实例
May 11 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
Dec 23 HTML / CSS
多重CSS背景动画实现方法示例
Apr 04 HTML / CSS
解决CSS3 transition-delay 属性默认值0不带单位失效的问题
Oct 29 HTML / CSS
详解通过变换矩阵实现canvas的缩放功能
Jan 14 HTML / CSS
HTML5 中新的全局属性(整理)
Jul 31 HTML / CSS
基于canvas的骨骼动画的示例代码
Jun 12 HTML / CSS
HTML5如何使用SVG的方法示例
Jan 11 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 HTML / CSS
CSS几步实现赛博朋克2077风格视觉效果
Jun 16 HTML / CSS
html中相对位置与绝对位置的具体使用
May 15 HTML / CSS
html5 初试 indexedDB(推荐)
Jul 21 #HTML / CSS
浅谈HTML5 & CSS3的新交互特性
Jul 19 #HTML / CSS
HTML5和CSS3实例教程总结(推荐)
Jul 18 #HTML / CSS
HTML5 拖放功能实现代码
Jul 14 #HTML / CSS
HTML块级标签汇总(小篇)
Jul 13 #HTML / CSS
HTML5进阶段内联标签汇总(小篇)
Jul 13 #HTML / CSS
关于HTML5语义标签的实践(blog页面)
Jul 12 #HTML / CSS
You might like
php Smarty date_format [格式化时间日期]
2010/03/15 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
php实现的CSS更新类实例
2014/09/22 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
jQuery 开天辟地入门篇一
2009/12/09 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
jQuery动态加载css文件实现方法
2016/06/15 Javascript
js实现界面向原生界面发消息并跳转功能
2016/11/22 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
小程序如何获取多个formId实现详解
2019/09/20 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
python中解析json格式文件的方法示例
2017/05/03 Python
Python科学计算包numpy用法实例详解
2018/02/08 Python
python用match()函数爬数据方法详解
2019/07/23 Python
python可视化实现KNN算法
2019/10/16 Python
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
俄罗斯品牌服装在线商店:VIPAVENUE
2020/08/10 全球购物
办公室经理岗位职责
2014/01/01 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
广告语设计及教案
2014/03/21 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
生日庆典策划方案
2014/06/02 职场文书
礼仪培训心得体会
2016/01/22 职场文书
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers