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教程(6):创建网站多列
Apr 02 HTML / CSS
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
Apr 01 HTML / CSS
CSS3实战第一波 让我们尽情的圆角吧
Aug 27 HTML / CSS
CSS3中Color的一些特性介绍
May 27 HTML / CSS
收集的22款给力的HTML5和CSS3帮助工具
Sep 14 HTML / CSS
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
Apr 03 HTML / CSS
分享CSS3制作卡片式图片的方法
Jul 08 HTML / CSS
css3实现背景模糊的三种方式(小结)
May 15 HTML / CSS
浅谈three.js中的needsUpdate的应用
Nov 12 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 HTML / CSS
Html分层的box-shadow效果的示例代码
Mar 30 HTML / CSS
HTML+CSS+JS实现图片的瀑布流布局的示例代码
Apr 22 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实现递归循环每一个目录
2010/08/08 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
PHP使用mysqldump命令导出数据库
2015/04/14 PHP
动态添加js事件实现代码
2009/03/12 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
2011/09/12 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
2015/08/05 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
对VUE中的对象添加属性
2018/09/18 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
Python 实现选择排序的算法步骤
2018/04/22 Python
Django 连接sql server数据库的方法
2018/06/30 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
Html5 new XMLHttpRequest()监听附件上传进度
2021/01/14 HTML / CSS
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
车间主管岗位职责
2013/11/14 职场文书
文明村镇申报材料
2014/05/06 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
大学生个人学习总结
2015/02/15 职场文书