Question

好的，我有一个简单的页面可以在后台自动播放和循环音乐：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>One Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body {
            margin: 0;
        }

        #showcase {
            background-image: url('test.jpeg');
            background-size: cover;
            background-position: center;
            height: 100vh;
        }
    </style>
</head>

<body>
    <main id="showcase">
        <audio autoplay loop>
            Your browser does not support the
            <code>audio</code> element.
            <source src="music.mp3" type="audio/mp3">
        </audio>
    </main>
</body>

</html>

此代码适用于Chrome和Firefox，但它在Safari上无效。

图像没有响应（全屏）且音频没有播放，我得到：

您的浏览器不支持音频元素。 在页面上。

我在Windows上下载了最新版本的Safari。我尝试了几种解决方案，但没有一种可以解决。我还没有看到 mp3 格式的任何解决方案。

Safari音频标签和CSS无法正常工作（在Windows上，Safari 5.7.1）

0 个答案: