Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 11:24:16
Original
1825 people have browsed it

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

<body><div id="main"></div><audio id="music" src="music.mp3"></audio></body>
Copy after login


<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>
Copy after login


思路就是通过点击div实现播放和停止。用flag得知目前的状态，播放的话就停止，反之亦然。但是不知道怎么控制audio这个标签里的音乐播放，百度了半天，都说的是document.getElementById("music").play()和document.getElementById("music").pause()，但是我试了根本没这两种方法额。。。


回复讨论(解决方案)

就是用document.getElementById("music").play()和document.getElementById("music").pause()啊。

你用的没有效果可能是其它地方出了问题。

另外说明audio元素要ie9以上浏览器才支持

已解决

Related labels：
如何实现开始、暂停背景音乐的播放？
source：php.cn
Previous article：2016.3.14CSS 盒模型_第四天_html/css_WEB-ITnose Next article：网站代码优化_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1986
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
2148
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1814
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1706
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1723
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template