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

【问题标题】：play mp3 in tag audio by javascript通过javascript在标签音频中播放mp3
【发布时间】：2016-07-01 15:59:47
【问题描述】：

我有以下 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/

【问题讨论】：

标签： javascript jquery html mp3

【解决方案1】：

在此处查看更新的演示 Link

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();

【讨论】：

好的，我必须使用 2