如何实现开始、暂停背景音乐的播放?_html/css_WEB-ITnose
程序员文章站
2022-05-22 13:24:41
...
只把关键部分贴出来,这是我的实现思路:
思路就是通过点击div实现播放和停止。用flag得知目前的状态,播放的话就停止,反之亦然。但是不知道怎么控制audio这个标签里的音乐播放,百度了半天,都说的是document.getElementById("music").play()和document.getElementById("music").pause(),但是我试了根本没这两种方法额。。。
思路就是通过点击div实现播放和停止。用flag得知目前的状态,播放的话就停止,反之亦然。但是不知道怎么控制audio这个标签里的音乐播放,百度了半天,都说的是document.getElementById("music").play()和document.getElementById("music").pause(),但是我试了根本没这两种方法额。。。
回复讨论(解决方案)
就是用document.getElementById("music").play()和document.getElementById("music").pause()啊。
你用的没有效果可能是其它地方出了问题。
另外说明audio元素要ie9以上浏览器才支持
已解决
推荐阅读
-
Android如何让WebView中的HTML5页面实现视频全屏播放
-
css3如何解决动画的播放、暂停和重新开始
-
禁止切换页面如何实现?类似在线考试系统防作弊的_html/css_WEB-ITnose
-
从零开始一步一步写一个简单的 Virtual DOM 实现 2 :Props&Event 处理_html/css_WEB-ITnose
-
从零开始一步一步写一个简单的 Virtual DOM 实现 2 :Props&Event 处理_html/css_WEB-ITnose
-
这样的下拉效果如何实现?_html/css_WEB-ITnose
-
如何在XHTML 1.0 Strict DTD中实现font元素的功能_html/css_WEB-ITnose
-
CSS中的背景图片加图片加文字如何实现,谢谢!_html/css_WEB-ITnose
-
阿里巴巴技术文章分享:阿里云无线&前端团队是如何基于webpack实现前端工程化的_html/css_WEB-ITnose
-
【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose