谷歌浏览器无法播放背景音乐问题。
2016-11-09 18:53
232 查看
本人使用embed标签在jsp中设置背景音乐。然后发现chrome浏览器和火狐浏览器都不支持。只有IE浏览器能够正常的使用,并调用js来播放与暂停。
于是我改用audio标签,才成功在谷歌浏览器和火狐浏览器上使用背景音乐。但是js来调用暂停的时候,必须是pause,不能是stop。
代码示例如下:
<span style="white-space:pre"> </span><audio id="music1" controls="controls" style='display:none'>
<span style="white-space:pre"> </span><source src="clip.mp3" type="audio/mpeg">
</audio> js控制开关代码:
var audio = document.getElementById('music1');
audio.play();
audio.pause();
于是我改用audio标签,才成功在谷歌浏览器和火狐浏览器上使用背景音乐。但是js来调用暂停的时候,必须是pause,不能是stop。
代码示例如下:
<span style="white-space:pre"> </span><audio id="music1" controls="controls" style='display:none'>
<span style="white-space:pre"> </span><source src="clip.mp3" type="audio/mpeg">
</audio> js控制开关代码:
var audio = document.getElementById('music1');
audio.play();
audio.pause();
相关文章推荐
- 解决ios下的微信页面背景音乐无法自动播放问题
- 解决ios下的微信页面背景音乐无法自动播放问题
- 解决iphone下无法自动播放音乐问题
- 解决ios下的微信打开的页面背景音乐无法自动播放
- 解决ios下的微信打开的页面背景音乐无法自动播放(转载)
- 解决ios下的微信打开的页面背景音乐无法自动播放
- Win10下音频设备无法播放音乐问题定位
- cocos2d-x项目打包成exe文件后的音乐无法播放问题
- 解决ios下的微信打开的页面背景音乐无法自动播放
- 微信打开的页面背景音乐无法自动播放
- 关于H5页面背景音乐播放的问题
- 解决手机端ios无法自动播放音乐的问题
- CocoStudio开发之背景音乐播放两秒就没声音问题
- 解决fedora26下firefox无法播放网页音乐,自带视频播放器缺少解码器等问题
- 解决FLV视频文件在服务器上无法播放的问题
- 关于应用程序下用 AudioClip播放音乐的问题
- Ubuntu 下网页flash问题解决办法--flash无法播放,中文方块字
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决方法
- iPhone下播放在线音乐视频等问题