Firefox和HTML5音频元素在一起播放不好吗？

在Firefox上，空白区域显示在嵌入式HTML5音频元素的镶边上方。这在媒体开始播放时出现。我试图弄清楚这是从哪里来的，但是不能。这是Firefox处理html5音频固有的东西吗？Firefox和HTML5音频元素在一起播放不好吗？

例如，我点击http://www.html5rocks.com/en/tutorials/audio/quick/上的示例（帖子底部），它看起来像下图。（在Firefox上）。

但是，Google Chrome和Safari不会发生这种情况。

HTML5 Audio element with empty region above the control chrome

2012-03-02 Vlad

这似乎与Firefox的实施HTML5 audio元素的问题。你可以用一些额外的标记和CSS来解决它。

CSS：

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

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

HTML：

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

来源

2012-03-03 02:36:58

谢谢你，这样的帮助，但并不能从根本上解决问题。加载动画仍然出现，而音频仍然加载（你知道那动画gif）。此外，由于该加载动画区域以黑色背景颜色显示，因此我必须添加overflow：hidden来完成此类工作，但再次，这看起来像是黑客，因为进度指针（指示当前min：secs的气泡）被切断。无论如何，我想这是没有办法的。这个bug是否记录在任何地方 – Vlad 2012-03-04 00:40:52

似乎有几个关于这个问题的错误 - [这里]（https://bugzilla.mozilla.org/show_bug.cgi?id=620317）和[这里]（https://bugzilla.mozilla.org/show_bug。 CGI？ID = 619421） – 2012-03-04 02:23:15

Firefox和HTML5音频元素在一起播放不好吗？

回答

相关问题