☰

html5 音频播放在 Firefox/Chrome 上不起作用

tag-icon • tag-icon audio browser html5
html5 音频播放在 Firefox/Chrome 上不起作用

我想在我的网站上播放带标签的大型 mp3 文件（30MB），但它似乎无法在 Firefox 8.0 和 Chrome 16.0.912 上运行。但它在 Safari 上运行良好。在 Firefox 和 Chrome 下，小型 mp3 文件可以播放，但大型文件不行。以下是我使用的简单代码：

<audio autobuffer controls>
<src="mp3 file" preload="auto">
</audio>

是不是浏览器的问题？

答案1

在目前支持此元素的三款浏览器（Safari、Chrome 和 Firefox）中，Safari 的表现是最好的，它能够通过您使用的语法处理呈现给它的错误。

它看起来应该是这样的：

<audio controls preload="auto">
    <source src="song.mp3" type="audio/mpeg" />
    This text displays if the audio tag isn't supported.
</audio>

该autobuffer属性在 HTML 中不存在，应被删除。

资料来源：

  1. W3学校
  2. W3C HTML5 规范第 4.8.7 节：音频元素

答案2

首先，你的语法不正确。应该是：

<audio controls preload="auto"> 
    <source src="file.mp3" />
</audio>

看起来 Safari 正在按预期读取您的代码，而 Firefox/Chrome 正在按书面形式读取代码；即带有和不带有属性preload。

相关内容