如何通过javascript删除html5音频播放器中的源音频文件

我有一个动态音频播放器（默认html5），在那里我可以设置src，它可以自动播放。这一切都在起作用。我还有一个删除src的链接，但是下面没有一行实际删除和/或重置播放器以删除/删除源音频文件。如果播放音频，然后停止播放并单击删除音频文件，播放器仍将播放现有音频文件。所以 如何在javascript中从播放器中删除源音频文件

                  jQuery('#audioPlayer"').replaceWith('<img id="audioPlayer" src="">');
                  jQuery('#MP3').replaceWith('<img id="MP3" src="">');

                  var mediaPlayer1 = document.getElementById("audioPlayer");
                  var mediaPlayer2 = document.getElementById("MP3");

                  mediaPlayer1.src ='';
                  mediaPlayer1.removeAttribute("src");
                  mediaPlayer1.load();
                  mediaPlayer2.src ='';
                  mediaPlayer2.removeAttribute("src");
                  mediaPlayer1.attr('src', '')
                  mediaPlayer1.children('source').prop('src', '');
                  mediaPlayer2.children('source').prop('src', '');

jQuery（“#audioPlayer”）。替换为（”；
jQuery（'#MP3'）。替换为（''；
var mediaPlayer1=document.getElementById（“音频播放器”）；
var mediaPlayer2=document.getElementById（“MP3”）；
mediaPlayer1.src=''；
mediaPlayer1.删除属性（“src”）；
mediaPlayer1.load（）；
mediaPlayer2.src=''；
mediaPlayer2.删除属性（“src”）；
mediaPlayer1.attr（'src'，''）
mediaPlayer1.children（'source'）.prop（'src'，''）；
mediaPlayer2.儿童（'source'）.prop（'src'，''）；

当您删除

src

属性时，您只是从

audio

元素的HTML表示中删除

src

当您这样做时，底层JavaScript

HTMLAudioElement

仍然有一个

src

属性，因此只需删除

src

属性即可

本机JavaScript中的最小解决方案类似于

document.getElementsByTagName（'audio'）[0]。src=''；

当然，在执行此操作之前，您不应将

音频

标记替换为

img

标记

document.getElementById（'removeSourceProperty'）。addEventListener（'click'，function（））{
document.getElementsByTagName（'audio'）[0].src=''；
});
document.getElementById（'removeSourceAttribute'）。addEventListener（'click'，function（）{
document.getElementsByTagName（'audio'）[0]。removeAttribute（'src'）；
})；

删除源属性（仅限HTML）
删除源属性（工作！）