H5背景音乐自动播放和暂停
2017-02-04 17:23
134 查看
在微信里,音乐不能自动播放,为了让其自动播放,通过调用微信接口实现,代码如下:
html:
<audio id="yy" autoplay preload src="music/bjyy.mp3" loop></audio>
js:
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
var bjyy=document.getElementById("yy");
function autoPlayAudio() {
wx.config({
debug: false
});
wx.ready(function() {
bjyy.play();
});
}
autoPlayAudio();
</script>
另附完整文件下载地址(包含音乐图标,自动播放和点击暂停)
点击下载文件
html:
<audio id="yy" autoplay preload src="music/bjyy.mp3" loop></audio>
js:
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
var bjyy=document.getElementById("yy");
function autoPlayAudio() {
wx.config({
debug: false
});
wx.ready(function() {
bjyy.play();
});
}
autoPlayAudio();
</script>
另附完整文件下载地址(包含音乐图标,自动播放和点击暂停)
点击下载文件
相关文章推荐
- 使用VideoView播放视频,锁屏暂停播放之后,过一会自动播放,而且可以通过滑动屏幕调节音量。。。
- 【乐视云学习笔记】关于Letv乐视云点播的视频暂停之后,按home回到桌面后重新onResume回到Activity,视频自动播放的情况
- 【乐视云学习笔记】关于Letv乐视云点播的视频暂停之后,按home回到桌面后重新onResume回到Activity,视频自动播放的情况
- JFileChooser实现对选定文件夹内图片自动播放和暂停播放实例代码
- Service后台服务控制音乐的播放暂停和停止,播放完自动播放下一曲
- duilib 增加gif控件(基于gdi+,可控制播放暂停,自动设置大小)
- duilib 增加gif控件(基于gdi+,可控制播放暂停,自动设置大小)
- iOS自定义播放器,含播放、暂停、自动拖拽进度条功能(OC)
- H5视频播放自动全屏,暂停退出全屏等功能
- iOS自定义播放器,包括播放、暂停、自动拖拽进度条功能(OC)
- 光盘自动播放文件
- 关于Java音频播放不循环和暂停、继续播放(非Android)
- 用多媒体库 Bass.dll 播放 mp3 [3] - 打开、播放、暂停、停止
- android FM播放时拔出耳机后FM APP自动close
- 在VC++中实现自动连续播放多媒体
- 如何实现页面顶部flash播放完自动关闭
- 【Android 界面效果7】Android中Gallery和ImageSwitcher同步自动(滚动)播放图片库
- VIDEO标签在微信浏览器内播放会自动全屏
- VS2013 / MFC + OpenCV 2.4.9实现视频的播放暂停和结束
- iOS基础-播放暂停按钮