html5中为audio标签增加停止按钮动作实现方法


Posted in HTML / CSS onJanuary 04, 2013

在html 5中的audio标签中,只有暂停按钮,但没有停止按钮,其实为其增加也不麻烦,方法如下:

复制代码
代码如下:

HTMLAudioElement.prototype.stop = function()
{
this.pause();
this.currentTime = 0.0;
}

其实很简单,就是先暂停,然后时间归0;
调用方法
复制代码
代码如下:

var aud = new Audio();
aud.src = '特殊他.ogg';
aud.play();
aud.stop();

上面代码可以在chrome,opera下跑,但firefox 17不行
HTML / CSS 相关文章推荐
css3绘制天猫logo实现代码
Nov 06 HTML / CSS
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
Sep 02 HTML / CSS
css3的transition属性详解
Dec 15 HTML / CSS
浅谈css3中的前缀
Jul 20 HTML / CSS
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
Sep 10 HTML / CSS
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
Jan 09 HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
Jun 25 HTML / CSS
使用html5 canvas创建太空游戏的示例
May 08 HTML / CSS
HTML5 video播放器全屏(fullScreen)方法实例
Apr 24 HTML / CSS
HTML5中使用json对象的实例代码
Sep 10 HTML / CSS
canvas实现烟花的示例代码
Jan 16 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
Jul 03 HTML / CSS
html5 button autofocus 属性介绍及应用
Jan 04 #HTML / CSS
html5的新玩法——语音搜索
Jan 03 #HTML / CSS
HTML5 语音搜索只需一句代码
Jan 03 #HTML / CSS
HTML5 语音搜索(淘宝店语音搜素)
Jan 03 #HTML / CSS
html5拖曳操作 HTML5实现网页元素的拖放操作
Jan 02 #HTML / CSS
使用CSS实现弹性视频html5案例实践
Dec 26 #HTML / CSS
HTML5中实现拖放效果无须借助javascript
Dec 26 #HTML / CSS
You might like
用PHP调用Oracle存储过程
2006/10/09 PHP
PHP采集利器 Snoopy 试用心得
2011/07/03 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
[01:11:10]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG加赛
2014/05/26 DOTA
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
Python3 翻转二叉树的实现
2019/09/30 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
Python实现微信表情包炸群功能
2021/01/28 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
数控技术专科生自我评价
2014/01/08 职场文书
培训讲师邀请函
2014/01/10 职场文书
党支部书记岗位责任制
2014/02/11 职场文书
镇班子对照检查材料思想汇报
2014/09/24 职场文书
新员工考核评语
2014/12/31 职场文书
大学军训决心书
2015/02/05 职场文书
python中super()函数的理解与基本使用
2021/08/30 Python