js (native-0.9.15.js,jquery.min.js)
var u = navigator.userAgent;
var browser = {
versions: function () {
return { //移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
var ua = u.toLowerCase();//获取判断用的对象
/*页面音乐*/
function play_music() {
//微信自动播放背景
if (ua.match(/MicroMessenger/i) == "micromessenger") {//微信
document.addEventListener('WeixinJSBridgeReady', function () {
playM1();
});
}
//bbt自动播放背景
if(bbtNative.isApp()){
bbtNative.ready(function () {
playM1();
});
}
//背景音乐按钮
function playM() {
$('#music audio').each(function (index,el) {
el.pause();
});
$('#music audio')[pagen].play();
$('#music').attr('class','on');
}
function playM1() {
$('#music audio').each(function (index,el) {
el.play();
el.pause();
});
$('#music audio')[pagen].play();
$('#music').attr('class','on');
//alert(2)
}
playM();
}
play_music();
html
<a id="music" class="off">
<audio id="bgaudio" src="./images/1.mp3?v11" loop autoplay></audio>
<audio src="./images/3.mp3" loop ></audio>
<audio src="./images/2.mp3" loop ></audio>
</a>