通过javascript在标签音频中播放mp3

Question

我有以下html：

<audio id="carteSoudCtrl">
  <source src="http://soundjax.com/reddo/17350%5EClick02.mp3" type="audio/mpeg">
  <source src="http://soundjax.com/reddo/90754%5EWINNER.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

与此JavaScript：

$('#carteSoudCtrl')[1].play();

为什么不使用Chrome？ 我想念什么吗？ $（'＃carteSoudCtrl'）[0] .play（）; 正在工作。 谢谢。

https://jsfiddle.net/o8mjvty5/

Answer 1

在此处查看更新的演示链接

HTML <audio>元素用于将声音内容嵌入文档中。 它可能包含一个或多个使用src属性或元素表示的音频源。 浏览器将选择最合适的浏览器。

因此， <audio>标记内的所有不同文件必须对应于具有不同格式的同一文件，并且浏览器将播放最适合播放的格式。

如果您需要播放第二个文件，我们需要创建第二个标签，然后在其中插入<source src="http://soundjax.com/reddo/90754%5EWINNER.mp3" type="audio/mpeg">标签第二个音频标签。

<audio id="carteSoudCtrl">
  <source src="http://soundjax.com/reddo/17350%5EClick02.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<audio id="carteSoudCtrl1">
    <source src="http://soundjax.com/reddo/90754%5EWINNER.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

jQuery文件：

//if you want to play first file 
$('#carteSoudCtrl')[0].play();
//if you want to play second file
$('#carteSoudCtrl1')[0].play();