gpt4 book ai didi

javascript - HTML5 音频播放器。无法更改 src 元素

转载 作者:行者123 更新时间:2023-12-03 10:47:43 24 4
gpt4 key购买 nike

我正在尝试动态更改 HTML 音频播放器的 src 值,但由于某种原因我无法更改它,并且它停留在占位符值上。这是我的 HTML 元素:

    <audio controls preload="none" style="width:480px;">
<source id="mp3" src="placeholder" type="audio/mp3" />
</audio>

这是我的 JavaScript:

var tempMp3 = "http://www.someurl.org/somefile.mp3";
$("#mp3").attr("src", tempMp3);

有人知道我在这里犯了什么愚蠢的错误吗?

干杯

最佳答案

代码看起来不错,也许就像 @Nick Dugger 说的那样,你正在尝试在尚未准备好时更改 DOM 元素

A page can't be manipulated safely until the document is "ready." jQuery detects this state of readiness for you. Code included inside $( document ).ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute. Code included inside $( window ).load(function() { ... }) will run once the entire page (images or iframes), not just the DOM, is ready.

第一个选项

尝试将代码放入此 $(document).ready()

$( document ).ready(function() {
var tempMp3 = "http://www.someurl.org/somefile.mp3";
$("#mp3").attr("src", tempMp3);
});

第二个选项

另一个选项可以放置 <script>标签位于 <body> 的末尾标签

关于javascript - HTML5 音频播放器。无法更改 src 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28509103/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com