iPhone手机上打开为什么audio标签controls属性不起作用,加载文件流有问题,加载文件地址就没有问题

html audio标签在iPhone手机上打开为什么controls不起作用 20C
先贴代码:

<!DOCTYPE html>
<html><head>
    <meta charset="UTF-8">
    <title>播放音频</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="../js/sonhtml.js"></script>
    <script type="text/javascript" src="../js/pageMe.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/html1.css">
</head>
<body>

<input id="realPath" type="text" style="visibility: hidden;" value="/video.do?id=163">
<input id="num" type="text" style="visibility: hidden;" value="163">
    <table id="music"><tr>
            <td>
                <p>第163集</p>
                <audio id="mp3" controls="">
                    <source src="/video.do?id=163" type="audio/mpeg">
                </audio>
            </td>
        </tr></table>
    <div id="page" class="page_div"></div>
</body></html>

放在tomcat中启动效果图:

pc上:图片说明

图片说明

iPhone手机浏览器:

图片说明

然后在iphone上播放有效果,但是没播放完就会自动重头播放

https://jingyan.baidu.com/article/75ab0bcb19089296864db2fb.html