html5 背景音乐 js控制播放 暂停
2014-11-17 15:50
477 查看
<html> <head> <title> 测试页面 </title> <script src="jquery.min.js"></script><!--没有试用jquery,没有用,我用的是getElementById--> </head> <body> <script type="text/javascript"></script> <audio src="123.mp3" controls="controls" id="music1" autoplay> </audio> <input type="button" value="咳咳" onclick="bofang()"> <script> function bofang(){ var audio = document.getElementById('music1'); if(audio!==null){//判断是否获得 if(audio.paused){//获得播放状态,这个属性应该是是否是暂停状态,如果是就播放,如果不是暂停就暂停 audio.play(); }else{ audio.pause(); } } } </script> </body> </html>
audio标签的属性解释
autoplay属性名 | autoplay值 | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
preload | preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 |
src | url | 要播放的音频的 URL。 |
相关文章推荐
- JS控制HTML5媒体播放与暂停,及Chrome兼容的视频格式
- js控制html5 audio的暂停、播放、停止
- HTML5 Audio中控制音乐暂停、播放的js
- HTML5使用js jq控制<audio>的播放 暂停
- HTML5 audio标签使用js进行播放控制实例
- HTML5背景音乐的暂停与播放
- JS 控制 audio 标签 播放/暂停 音乐
- js控制背景音乐播放
- HTML5中js控制video视频和分段播放
- js控制背景音乐播放
- js控制wav音频暂停、播放,兼容IE
- Js控制HTML5 Audio 音乐播放和关闭
- HTML5背景音乐的暂停与播放
- HTML5开发,audio 控制,当单个音频播放的时候,其它音频保持暂停状态,避免重音
- js控制html5 【video】标签中视频的播放和停止
- js控制video的播放和暂停
- HTML5 audio标签使用js进行播放控制实例
- JS/JQ控制音频的播放和暂停
- 原生JS控制video的播放和暂停切换
- HTML5 js控制vedio视频和分段播放