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 相关文章推荐
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
Jan 06 HTML / CSS
纯CSS3打造动感漂亮时尚的扇形菜单
Mar 18 HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
Sep 08 HTML / CSS
HTML5中canvas中的beginPath()和closePath()的重要性
Aug 24 HTML / CSS
Html5剪切板功能的实现代码
Jun 29 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
Mar 07 HTML / CSS
HTML5中判断用户是否正在浏览页面的方法
May 03 HTML / CSS
HTML5 history新特性pushState、replaceState及两者的区别
Dec 26 HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
May 18 HTML / CSS
详解HTML5中CSS外观属性
Sep 10 HTML / CSS
VW、VH适配移动端的解决方案与常见问题
May 21 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中如何调用webservice的实例参考
2013/04/25 PHP
PHP向浏览器输出内容的4个函数总结
2014/11/17 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
JavaScript新窗口与子窗口传值详解
2014/02/11 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
Vue.js组件tree实现省市多级联动
2016/12/02 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
详解React中setState回调函数
2018/06/14 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
py2exe 编译ico图标的代码
2013/03/08 Python
python判断windows隐藏文件的方法
2014/03/21 Python
Python中 传递值 和 传递引用 的区别解析
2018/02/22 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
python关闭占用端口方式
2019/12/17 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
高二英语教学反思
2014/01/19 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
Java 写一个简单的图书管理系统
2022/04/26 Java/Android