您的位置：首页 > Web前端 > HTML5

html5,audio标签的autoplay="autoplay"在iphone上无法播放的问题

2015-06-11 14:21 531 查看

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>

这里需要注意的是.play()方法是element的方法，所以需要dom节点。

亲测iphone可用。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5 audio iphone 支持

相关文章推荐

新的分享

章节导航