移动设备默认不播放媒体文件间接解决办法

在写结婚请帖的时候刚开始开发准备是依靠微信和QQ进行传播的 html嵌入了audio标签的BGM设置自动播放 一切正常。
在实际传播中发现通过ios和android平台自带的浏览器访问请帖的链接均无法自动播放音乐,网上搜索下发现是(据说是)为了节省移动端流量就不会自动播放媒体文件,必须事件触发。触发事件不包括window.onload 这类的自动执行的事件。

所以,找到了一个间接的方法,用触屏事件来启动BGM播放

audio标签,设置了自动播放和循环播放

<audio id="AudioPlayer" autoplay="autoplay" loop="loop" preload="auto"
            src="http://xxxxxx/xxxxxx.aac">
</audio>

正常情况下 这样子是没问题的。
移动设备需要添加如下代码,比如ios的Safari

 window.ontouchstart=function(){
        	var audioPlay=document.getElementById("AudioPlayer");
        	audioPlay.play();
}

 就酱,要是没声音,碰下屏幕就会响,给人感觉是自动播放的。

posted @ 2016-02-01 17:10  yesicoo  阅读(335)  评论(0编辑  收藏  举报