首页 > 代码库 > html5 背景音乐 js控制播放 暂停
html5 背景音乐 js控制播放 暂停
<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。 |
html5 背景音乐 js控制播放 暂停
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。