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

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

Jiiaaa

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

阅读量1.1w

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.youkuaiyun.com/weixin_40517703/article/details/81810440

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>