通过javascript

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？我错过了什么？ $（＆＃39;＃carteSoudCtrl＆＃39;）[0] .play（）;工作中。 谢谢。

https://jsfiddle.net/o8mjvty5/

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