可以使用多个音频标签吗答案

【问题标题】：is it ok to use multiple audio tags可以使用多个音频标签吗
【发布时间】：2013-05-29 19:46:59
【问题描述】：

当我使用基本设置时：

<audio>                                                   
  <source id   = 'for_mp3'        
          src  = ''           <!-- src is set on demand -->                            
          type = 'audio/mpeg'                         
  >                                                 
  <source id   = 'for_wav'         
          src  = ''                                    
          type = 'audio/wav'                          
  >                                                     
  <span>    
    no audio ha                                                      
  </span>                                                       
</audio>

...FF21 中的萤火虫说：

不支持“audio/mpeg”的指定“type”属性。媒体资源加载失败。警告。

那么可以同时使用两个音频标签（并忽略警告）吗？

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/HTML/…
Zenith，是的，我已经看到了多音频使用的示例，但是 firebug 中的警告让我感到困扰……如果我注释掉 mp3 音频标签，似乎还有改进在页面加载中。
您是否尝试过像文章中提到的那样在代码中指定编解码器？
我没有指定编解码器...因为 A）我看到论坛帖子中人们的编解码器声明导致了问题，B）因为有数万亿个代码，并且试图管理这似乎是一个无限挑战，陷阱概率很高。
您实际上并没有像在实时页面中那样在源标记中间有那个随机的 HTML 注释，是吗？这肯定不是有效的 HTML。

标签： html audio mpeg

【解决方案1】：

根据我的经验，通常可以忽略警告，因为它们通常不会干扰程序的运行。这是您必须注意的错误。

虽然，您收到的警告确实让我感到困扰，因为它明确表示“加载媒体资源失败”，如果加载失败，将没有音频。

您尝试同时使用这两个标签是否有特殊原因？如果没有，我只会使用一个，因为使用它们似乎都会引起问题。这两个标签都不应该是“需要的”，所以如果您仍然遇到同样的错误，请尝试一次使用一个标签，看看是否能解决问题。

【讨论】：

... 使用两个音频标签为各种浏览器投射更广泛的网络...例如，FF（当前）需要 .wav，但 IE9+ 需要 .mp3 ... Zenith 在上面通过他的link 指出，“可以使用元素指定多个源文件，以便为不同的浏览器提供以不同格式编码的视频或音频。”
好的，我明白你的意思了。你的代码应该可以工作。您是否尝试过忽略警告并只是测试以查看会发生什么？我敢肯定你已经考虑过这样做，但如果没有，我会试一试，看看这个警告是否有任何真正的价值。
animuson 有一个好点子。该评论可能会导致您的 HTML 失效。希望我能早点想到这一点。我上周处理的一些 HTML 中的评论也遇到了同样的问题。我的页面变得很奇怪，我花了很长时间才考虑删除评论。当我这样做时，它解决了问题。尝试移动或删除评论。 @animuson，不错的收获！
Jason，音频播放……wav 播放，也就是说。所以，是的，它是可以忽略的，但是......
Jason9024 ...我今天发现，每次收到该警告时，都会触发 jquery mobile 的 pageinit 事件。 .......... 该警告被触发了 4 次，因此我最终得到了 4 个 pageinit，它们都以大约 0.5 秒的间隔出现。