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

作者: haibao 分类: 案例 发布时间: 2015-03-02 11:35
君子惠而不费,劳而不怨,欲而不贪,泰而不骄,威而不猛。——尧曰

从北京回到苏州第一天上班就开始替人家白做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个音频切换)],如没有标注转载,均为原创,转载请保留出处和链接,欢迎分享 谢谢。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

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

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>