Home > Article > Web Front-end > 如何实现开始、暂停背景音乐的播放？_html/css_WEB-ITnose
如何实现开始、暂停背景音乐的播放？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:24:161826browse
只把关键部分贴出来，这是我的实现思路：
<body><div id="main"></div><audio id="music" src="music.mp3"></audio></body>
<script> var flag = 0; document.getElementById("main").onclick = func; function func(){ if(flag == 0){ document.getElementById("music").播放;/*这里不知道用什么来播放*/ flag = 1; } else{ document.getElementById("music").暂停;/*这里不知道用什么来暂停*/ flag = 0 } }</script> 思路就是通过点击div实现播放和停止。用flag得知目前的状态，播放的话就停止，反之亦然。但是不知道怎么控制audio这个标签里的音乐播放，百度了半天，都说的是document.getElementById("music").play()和document.getElementById("music").pause()，但是我试了根本没这两种方法额。。。
回复讨论(解决方案)
就是用document.getElementById("music").play()和document.getElementById("music").pause()啊。
你用的没有效果可能是其它地方出了问题。
另外说明audio元素要ie9以上浏览器才支持
已解决
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：2016.3.14CSS 盒模型_第四天_html/css_WEB-ITnoseNext article：网站代码优化_html/css_WEB-ITnose