Firefox和HTML5音频元素don'；你们在一起玩得不好吗？

在Firefox上，嵌入式HTML5音频元素的chrome上方出现空白。每当媒体开始播放时，就会出现此消息。我试图弄清楚这是从哪里来的，但没办法。这是Firefox处理html5音频的固有特性吗

例如，我点击了上的示例（在文章底部），它看起来像下图。（在Firefox上）

然而，谷歌Chrome和Safari上并没有出现这种情况

---

这似乎是Firefox实现HTML5

音频

元素的一个问题。您可以使用一些额外的标记和css来解决这个问题

CSS:

.包装纸{
高度：30px；
位置：相对位置；
}
音频{
底部：0；
位置：绝对位置；
}

HTML:

谢谢，这有点帮助，但并不能从根本上解决问题。当音频仍在加载时，加载动画仍会出现（您知道动画gif）。此外，由于加载动画区域显示为黑色背景色，我不得不添加overflow:hidden以实现这类工作，但这看起来像是一个黑客攻击，因为进度指针（指示当前分钟：秒的气泡）被切断。无论如何，我想这是没有办法的。这个bug是否有文档记录？似乎有几个关于这个问题的bug-并且

<style>
    .wrapper {
        height: 30px;
        position: relative;
    }

    audio {
        bottom: 0;
        position: absolute;
    }
</style>

<div class="wrapper">
    <audio src="your/path/file.mp3" controls></audio>
</div>