html5 audio 标签autoplay="autoplay"在手机预览网页无法自动播放背景音乐

代码如下<audio id="playy" src="music1.mp3" autoplay="autoplay">亲 您的浏览器不支持html5的audio标签</audio>,在PC端,打开网页是可以自动播放音乐,但是用手机浏览却没有自动播放,求大神解答!
手机浏览器打开网页是无法自动播放背景音乐,但是顾客点击暂停按钮,再点击播放按钮,也可在手机里播放音乐,UC,谷歌手机浏览器都测试过。

为了防止不必要的自动播放浪费流量,手机网页访问带有audio的页面是不会自动播放的。
Safari屏蔽了autoplay,必须由用户交互事件触发,因为autoplay在移动网络环境下可能会造成用户流量费剧增
Android的我不清楚,下面是引自Safari Reference
In Safari on iPhone OS (for all devices, including iPad), where the
user may be on a cellular network and be charged per data unit,
autobuffering and autoplay are disabled. No data is loaded until the
user initiates it. This means the JavaScript play() and load() methods
are also inactive until the user initiates playback, unless the play()
method is triggered by user action.
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-02-09
移动端浏览器大部分是禁用video和audio的autoplay功能
并且,很多移动浏览器也不支持首次js调用play方法进行播放(只有用户手动点播放后暂停,然后用代码进行play可以)。
这样做主要是为了防止不必要的自动播放浪费流量追问

那么能不能够强制加载页面就播放背景音乐呢

追答

大多数移动端浏览器强制只要交互过一次后才能通过代码控制播放,无法强制,是浏览器故意这么做的

本回答被提问者和网友采纳
第2个回答  2020-05-20

可以自动播放的我已经实现了  手机打开测试一下就知道了! 移动端网页自动播放音乐

html5的audio在手机网页上无法自动加载\/播放音乐,能否实现
在手机网页上,HTML5的audio元素可能无法实现自动加载\/播放音乐,这是由于安卓和iOS系统默认不允许开发者进行自动播放,除非用户进行页面操作。一种解决方法是,在用户进行操作时,利用touch事件控制音乐播放。如果页面在微信中发布,可以尝试以下方法:编写一段JavaScript代码如下:javascript document.addEventListen...

为什么在html中插入了音频的代码,网页上打开却要刷新一次后才能...
<\/audio> 虽然我们设置了autoplay,但是在ios10以上的微信端以及在sarafi里不能够自动播放,需要手动操作。但如果想自动播放的话,在网页端需要兼听touchstart事件:<audio id="voice" autoplay="autoplay" loop="loop"><source src=”Two Steps From Hell - For The Win.ogg” \/><source src=”Tw...

HTML5的audio标签设置了autoplay属性在手机端出现的问题是怎么回事...
Safari屏蔽了autoplay,必须由用户交互事件触发,因为autoplay在移动网络环境下可能会造成用户流量费剧增;在Android的机子是可以实现自动播放的,在iOS的机子里没有办法,可以通过为页面绑定touchstart事件来实现播放。

html5的audio标签无法再iphone的Safari上自动播放?
audio和video在手机端都是不能自动播放的,这样因为要考虑手机的网络流量问题,所以都是需要触发事件去触发。希望对你有所帮助,望采纳!

web网页设计 autoplay在手机浏览器中无效该怎么办?
HTML5中的autoplay属性是设置为自动播放。如果设置了该属性,视频或音频将自动播放。但是需要注意的是部分浏览器比如Safari屏蔽了autoplay属性。因为autoplay在移动网络环境下可能会造成用户流量费剧增。iOS 3.2之前可以通过js模拟一个点击事件来触发,但在之后的版本中就不再有效了,Safari完全屏蔽了autoplay,...

为什么苹果手机为什么不能播放html5播放音乐?
Safari 3.0 支持 MP3、Wav html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况,为了用户流量着想,所以需要用户交互后才能播放。虽然苹果公司是...

html5中音乐自动播放问题,autoplay到底如何操作
<audio controls="controls" autoplay="autoplay"> <source src="song.ogg" type="audio\/ogg" \/> <source src="song.mp3" type="audio\/mpeg" \/> Your browser does not support the audio element.<\/audio> 也可以直接调用 API,用js实现 ...

html上的背景音乐在手机上不自动播放
首先,手机是不会自动播放的。而你又有isplay的0和1两个值,看你的代码0应该是暂停,你初始设置的应该是1,所以初始的时候不自动播放,但是是1,你点击一次就变成了0,结果暂停,需要再点击一次变成1才能自动播放。希望对你有所帮助。望采纳!

html5 audio 打包成安卓audio无法播放?
应该是的,对应之前路径src="images\/bg.mp3",这种情况下要求在包images下有个bg.mp3文件,而这个包应该是和html页面文件是一级的。检查下大小写,检查下包结构,再试试。

怎样使网页背景音乐自动播放?
电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<body>标签中,输入html代码:<audio autoplay="autoplay" loop=""><source src="11704.mp3"><\/audio>。3、浏览器运行index.html页面,此时一进入页面就自动播放了背景音乐。

相似回答