当前位置: 首页 » 案例分享 » 年后第一个H5 demo页面(内含2个音频切换)
 |  全屏浏览  |  字号调整:

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

2015-03-02 11:35:39 案例分享 0 1.27 k 百度未收录
本文最后更新于2015-03-02,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!
历史上的今天:10月20日 - 1962年,中印边境自卫反击战爆发

周六晚上好, 本文除去代码部分,共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/

版权声明:本博客所有文章除特别声明外,均采用 署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果!


发表评论

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