HTML5 解决audio标签不能在iPhone上自动播放的问题

最新推荐文章于 2025-06-04 20:00:00 发布

原创最新推荐文章于 2025-06-04 20:00:00 发布 · 1.1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html5

HTML5 专栏收录该内容

1 篇文章

订阅专栏

直接上解决方法：
添加代码段：

    <!--下面这段代码用来解决不能在ios上自动播放 -->
    <script type="text/javascript">
        $(function(){
            $("#audio")[0].play();
        })
    </script>

完整代码：

<html>
<head>
    <!-- 引用jquery -->
    <script src="js/jquery.js"></script>
    <!--下面这段代码用来解决不能在ios上自动播放 -->
    <script type="text/javascript">
        $(function () {
            $("#audio")[0].play();
        })
    </script>
</head>
<body>
    <!-- 自动播放与循环播放 -->
    <audio src="music.mp3" autoplay="autoplay" loop="true" id="audio"></audio>
</body>
</html>