js控制html5 audio的暂停、播放、停止
2016-06-15 14:45
661 查看
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> 音乐 <audio src="b.mp3" controls="controls" preload id="music1" hidden> </audio> <span id="bf" onclick="bf();">播放/暂停</span> <span id="bf" onclick="rbf();">重新播放</span> <script> function rbf(){ var audio = document.getElementById('music1'); audio.currentTime = 0; } function bf(){ var audio = document.getElementById('music1'); if(audio!==null){ //检测播放是否已暂停.audio.paused 在播放器播放时返回false. alert(audio.paused); if(audio.paused) { audio.play();//audio.play();// 这个就是播放 }else{ audio.pause();// 这个就是暂停 } } } </script> </body> </html>
相关文章推荐
- js实现第一次打开页面弹出提示
- js判断终端是手机还是电脑
- 【转】js中设置元素class的三种方法小结
- jsp在浏览器中打开错误之一:路径输错
- 2016.06.15廖雪峰JS__学习笔记(原型对象)__P8
- avalon.js学习笔记
- Count Primes - Javascript
- ajax使用之动态显示商品信息
- JavaScript基础——函数表达式、闭包
- PHP中使用Session配合Javascript实现文件上传进度条功能
- JSON
- javascript之闭包
- JavaScript对象数组如何按指定属性和排序方向进行排序
- js不断向上滚动代码,滚动一边就停止如何解决,如何让标题循环滚动
- JSON和JSONP
- 2016.06.15廖雪峰JS__学习笔记(JSON)__P7
- 2016.06.15廖雪峰JS__学习笔记(正则表达式)__P6
- ZigZag Conversion - Javascript
- 异步加载JS、CSS代码(推荐)
- backbone 唯一依赖库Underscore.js