最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
html5的audio标签无法再移动设备上自动播放
时间：2022-06-25 18:13:07 编辑：袖梨 来源：一聚教程网
做了个微信应用，想加一个背景音乐，使用html5的audio标签在电脑浏览器上上可以自动播放，而在移动设备上无论是设置autoplay属性还是使用js调用play()方法，都不能自动播放，请问有何解决方案。
原因分析
HTML5中的autoplay属性是设置为自动播放。如果设置了该属性，视频或音频将自动播放。
但是需要注意的是部分浏览器比如Safari屏蔽了autoplay属性。因为autoplay在移动网络环境下可能会造成用户流量费剧增。
iOS 3.2之前可以通过js模拟一个点击事件来触发，但在之后的版本中就不再有效了，Safari完全屏蔽了autoplay，除非用户自己点击播放，目前没有其他任何办法可以实现autoplay
在Android的机子是可以实现自动播放的，在iOS的机子里没有办法，可以通过为页面绑定touchstart事件来实现播放。
曲线救国，比如：
| 代码如下 | 复制代码 |
|
Create an iframe and set its source to the media file's URL and append the iframe to the body. |
|
相关文章
- DeepSeek在线网页版入口在哪里可以下载-浏览器一键打开最新版本 03-03
- 哔咔漫画PicACG极速下载器-带图形化界面-支持多线程高速下载 03-03
- 羞羞漫画-在线登录畅看免费漫画 03-03
- 热门麻花豆国产mv在线观看:深度评测与精彩瞬间盘点 03-03
- zlibirary电子书下载-zlibirary官网电子书库 03-03
- Picacg紳士漫畫官方下載-picacg官網最新版 03-03