html5播放音乐为什么苹果手机为什么不能播放 70

<audiosrc="images/cz.mp3"controls="controls"></audio>我在电脑里播放没问题,为什么上传到空间就播放不了。http://... <audio src="images/cz.mp3" controls="controls">
</audio>

我在电脑里播放没问题,为什么上传到空间就播放不了。
http://demo.ke01.com/201410/01/images/wuwangxinan.mp3源文件

http://www.szprint.org/test/jrbs/images/cz.mp3替换后的mp3文件

为什么替换后就不行,都是Mp3.我在苹果6手机微信看没音乐效果
展开
 我来答
狮子Richer
2018-04-11 · TA获得超过1062个赞
知道小有建树答主
回答量:10
采纳率:100%
帮助的人:1487
展开全部

HTML5的Audio标签,目前的主流浏览器都支持,只不过各种浏览器对音频的支持的格式不同,当前,audio 元素支持三种音频格式:

IE 9                支持  MP3

Firefox 3.5     支持  Ogg Vorbis、Wav

Opera 10.5    支持  Ogg Vorbis、Wav

Chrome 3.0   支持  Ogg Vorbis、MP3

Safari 3.0       支持  MP3、Wav

html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。

各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况,为了用户流量着想,所以需要用户交互后才能播放。虽然苹果公司是出于好心,但是如果网页打开之后还需要一个交互才能听到美妙的背景音乐,那么网站的体验效果自然差了很多。可是这种问题要怎么解决呢?
冥思苦想了很久,终于做了一个艰难的决定。于是乎就这样尝试了一下:

$(function(){
$("#audio")[0].play(); 
})

没想到竟然好用!!!
全部的代码是这样

<html>

<head>

<script src="js/jquery.js"></script>

</head>

<body>

<audio id="audio" src="song.mp3" autoplay="autoplay">

您的浏览器不支持audio标签。

</audio>

$(function(){

$("#audio")[0].play();

})

</body>
</html>

烟客丶悲酒难觞
推荐于2016-03-06 · TA获得超过254个赞
知道小有建树答主
回答量:181
采纳率:100%
帮助的人:161万
展开全部
目前,苹果的Safari 3.0对HTML5的音频格式只支持MP3、Wav两种格式。

HTML5的Audio标签,目前的主流浏览器都支持,只不过各种浏览器对音频的支持的格式不同,当前,audio 元素支持三种音频格式:
IE 9 支持 MP3
Firefox 3.5 支持 Ogg Vorbis、Wav
Opera 10.5 支持 Ogg Vorbis、Wav
Chrome 3.0 支持 Ogg Vorbis、MP3
Safari 3.0 支持 MP3、Wav
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
HoLee1997
2015-01-23 · TA获得超过1961个赞
知道大有可为答主
回答量:2557
采纳率:84%
帮助的人:970万
展开全部
这要看浏览器是否支持HTML5了,HTML5现在是新东西,新东西刚开始不容易被接受
追问
你好象对我说的不明白,我的意思播放器是在iPhone6手机里面播放的。html5怎么可能不兼容iPhone6
追答
http://bbs.csdn.net/topics/390936884网上找了一下相关信息,希望能有用
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
昂子帆6I
2015-06-27 · TA获得超过6065个赞
知道大有可为答主
回答量:7904
采纳率:55%
帮助的人:1276万
展开全部
做的前端页面不支持手机版本或者ios系统
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式