年后第一个H5 demo页面(内含2个音频切换)

haibao 案例 2015-03-02 11:35 1029
一个人的价值, 在于他贡献了什么, 而不在于他获得了什么。——爱因斯坦

凌晨好, 本文除去代码部分,共284个字,预计阅读时间需要1分钟。

从北京回到苏州第一天上班就开始替人家白做demo,,, 这个让我很无语…

扫描二维码查看demo:

Duang.. 发现一个问题,背景音乐在PC端都可以正常切换并自动播放,而放在某些IOS中,比如iPhone4 竟然不可以呢。。 查阅资料得知,IOS中是禁止自动播放的,只能通过和用户交互才能触发。

只能先弱弱的用下面的解决方法:

1
2
3
4
5
6
7
8
9
html:    <audio id="bgMusic" autoplay loop><source src="music/1.mp3" type="audio/mpeg"></audio>
 
js:
 
var audio = document.getElementById("bgMusic"); 
 
$("body").one("touchstart", function() {
     if(audio.paused){ audio.play(); }
});

本文标题:年后第一个H5 demo页面(内含2个音频切换)

本文地址:http://www.hehaibao.com/%e5%b9%b4%e5%90%8e%e7%ac%ac%e4%b8%80%e4%b8%aah5-demo%e9%a1%b5%e9%9d%a2%e5%86%85%e5%90%ab2%e4%b8%aa%e9%9f%b3%e9%a2%91%e5%88%87%e6%8d%a2/

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

发表评论

电子邮件地址不会被公开。 必填项已用*标注