适合所有人的 html5 音频，Firefox 除外

Posted 2023-05-07

【中文标题】适合所有人的 html5 音频，Firefox 除外

【英文标题】：html5 audio for everyone, except for firefox

【发布时间】：2011-07-22 12:02:36

【问题描述】：

我找到了使用音频标签Audio for everybody 的好方法。它首先尝试使用 html5 播放器，然后是 wmp，然后是 flash，然后是图像。

不幸的是，即使操作系统支持 mp3 格式，firefox 也不支持它，它会显示 X 而不是降级为 Flash 播放器。

有没有办法让firefox忽略html5播放器？

ps：将我所有的 mp3 转换为 ogg 这不是一种选择

【问题讨论】：

你读过这篇关于音频的精彩文章吗？ mir.aculo.us/2011/03/16/…

你一定是做错了什么，因为该网站上的 mp3 作品在我的 Firefox 中工作。

你确定是 mp3 而不是 ogg？ mp3 在设计上无法在 Firefox 上运行

【参考方案1】：

我用这个代码解决了：Quick Guide to Implementing the HTML5 Audio Tag (with Fallback to Flash)

js代码会检测opera/firefox缺少mp3支持，隐藏音频并创建flash播放器

编辑：他们隐藏控件的解决方案在我的 Firefox 中不起作用，请更改

document.getElementsById('audio_with_controls').style.display = 'none';

与

var audio = document.getElementById("audio_with_controls");
audio.removeAttribute("controls");

【讨论】：

编辑代码来自这里：***.com/questions/5399412/…