移动端html5页面添加自动播放背景音乐代码
代码如下,可以实现背景音乐播放,但是一直反复播放不停,想问下怎么改成播放一次<audiosrc="bg.mp3"id="Jaudio"class="media-audio...
代码如下,可以实现背景音乐播放,但是一直反复播放不停,想问下怎么改成播放一次
<audio src="bg.mp3" id="Jaudio" class="media-audio" autoplay preload loop="1"></audio>
function audioAutoPlay(id){
var audio = document.getElementById(id),
play = function(){
audio.play();
document.removeEventListener("touchstart",play, false);
};
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
play();
}, false);
document.addEventListener('YixinJSBridgeReady', function() {
play();
}, false);
document.addEventListener("touchstart",play, false);
}
audioAutoPlay('Jaudio'); 展开
<audio src="bg.mp3" id="Jaudio" class="media-audio" autoplay preload loop="1"></audio>
function audioAutoPlay(id){
var audio = document.getElementById(id),
play = function(){
audio.play();
document.removeEventListener("touchstart",play, false);
};
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
play();
}, false);
document.addEventListener('YixinJSBridgeReady', function() {
play();
}, false);
document.addEventListener("touchstart",play, false);
}
audioAutoPlay('Jaudio'); 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询