苹果手机用H5 audio标签无法自动播放音乐解决方法/html网页自动播放音乐

最新推荐文章于 2021-06-18 16:34:54 发布

威小胖

最新推荐文章于 2021-06-18 16:34:54 发布

阅读量3.5k

点赞数 1

分类专栏： html 文章标签： html自动播放音乐

本文链接：https://blog.youkuaiyun.com/u013488308/article/details/103341251

版权

html 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种在苹果手机上使用H5 audio标签实现音频自动播放的方法，通过结合HTML、CSS和JavaScript代码，解决了苹果设备上音频无法自动播放的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手机端网页苹果手机用H5 audio标签无法自动播放音乐解决方法，代码如下；

  <audio id="bgmusic" src="音乐.mp3" autoplay="autoplay" loop="loop" style="display: block; width: 3%; height:3%;"></audio>

js代码

    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {
            function audioAutoPlay() {
                var audio = document.getElementById('bgmusic');
                audio.play();
                document.addEventListener("WeixinJSBridgeReady", function () {
                    audio.play();
                    }, false);
                 }
                 audioAutoPlay();
                 });