将 src 注入到 HTML5 的音频标签中

Injecting a src into HTML5's audio tag

本文关键字：音频 标签 HTML5 src 注入      更新时间：2023-09-26

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

这是我的标记：

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

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

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

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

有什么想法吗？

with 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"
相关文章：