首页 >web前端 >html教程 >如何实现开始、暂停背景音乐的播放?_html/css_WEB-ITnose

如何实现开始、暂停背景音乐的播放?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:24:161841浏览

只把关键部分贴出来,这是我的实现思路:

<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以上浏览器才支持

已解决

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn