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

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

WBOY
WBOYoriginal
2016-06-24 11:24:161827parcourir

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

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

已解决

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn