将 src 注入 HTML5 的音频标签 [重复]

Posted 2023-02-25

【中文标题】将 src 注入 HTML5 的音频标签 [重复]

【英文标题】：Injecting a src into HTML5's audio tag [duplicate]

【发布时间】：2014-12-16 20:52:14

【问题描述】：

我正在尝试使用 html5 的音频控件并使用 javascript/jQuery 将动态路径注入音频源。

这是我的标记：

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

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

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

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

有什么想法吗？

【问题讨论】：

jQuery 对象没有src 方法。为什么要尝试使用不存在的方法？

【参考方案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"