对于h5中配景音乐的主动播放结果的实现-

音乐的主动播放属性，这里也介绍一下：<audiocontrols"controls"autoplay"autoplay"><sourcesrc"song.ogg"type"audioogg"><sourcesrc"song.mp3"type"audiompeg">Yourbrowser 音乐的主动播放属性，这里也介绍一下：

  
  
Your browser does not support the audio element.

autoplay 属性规定一旦音频就绪即将开端播放。

要是设定了该属性，音频将主动播放。

但是在现实使用中，时常会碰到不克不及主动播放的现象，主如果由于有些阅读器或者手时机阻止或不支撑autoplay这个属性，在这里我介绍一下我采纳的办法。

第一：在html中代码如下

在js文件中采纳如下代码

var audio = document.getElementById('music1');
$("#btn").bind("touchstart", function bf() {
 
if(audio !== null) {
//检测播放可否已暂停.audio.paused 在播放器播放时返回false.
//alert(audio.paused);
if(audio.paused) {
audio.play(); //audio.play();// 这个就是播放
$("#btn").addClass("active")
} else {
audio.pause(); // 这个就是暂停
$("#btn").removeClass("active")
}
}
})

写到了这里大局部安卓机就根本可以实现主动播放了，但是iphone手机在这个时候还是不过关的

这里我采纳了一个在加载页中参加一个按钮，当加载完成的时候，点击按钮，指导会员完成配景音乐的主动播放，代码如下：

$("html").one('touchstart',function(){
audio.play();
})

到了这里就实现了配景音乐的主动播放，这个方法适用于有加载页，而且需要点击进入h5的项目......

以上就是对于h5中配景音乐的主动播放结果的实现的细致内容，更多请关注 百分百源码网 其它相干文章！