将src注入HTML5的音频标签

Question

我尝试使用HTML5的音频控件，并使用JavaScript / jQuery将动态路径注入音频源。

这是我的标记：

<audio id="marker" controls>
<source src="placeholder.mp3" type="audio/mp3">
</audio>

这是我尝试覆盖占位符来源：

var audio = $('#marker');
audio.src(path.mp3);

我的预期结果是我可以使用音频控件来播放位于path.mp3的音频，但是音频控件是灰色的，并且它什么都不播放。

有什么想法吗？

Answer 1

使用js

var audio = document.getElementById("marker")
audio.src = "path.mp3"

这将是jQuery

var audio = $("#marker")
$(audio).attr("src","path.mp3")

如果要从jQuery对象中获取本机DOM元素

var audio = $("#marker")[0]

然后你可以访问它的src属性

audio.src = "path.mp3"