Question

我在运行时设置音频对象的src，如下所示

<a style="padding-top:0" href="#" onclick="audioClick('audio1', 'http://theurl.mp3');">
<p><audio id="audio1" controls></audio></p>

function audioClick(id, clip) {
    var audio = document.getElementById(id);
    if (audio.paused) {
        audio.src = clip;
        audio.play();
    }
    else {
        audio.pause();
        audio.currentTime = 0;
    }
}

然而，当页面加载控制栏时显示“无法播放音频”。当audioClick（）函数显示出来时会消失，但我不希望它首先出现在那里。

因此有没有办法可以隐藏控件，然后在audioClick（）函数中添加/删除它们？

Answer 1

您可以在点击后设置控件属性，因此最初您将看不到播放器。当您调用audioClick函数时，您可以使用任何HTMLDOMElement的setAttribute()和removeAttribute() API随意显示或隐藏它们。

您可以在jsfidle

中查看这是否是您所需要的

是否可以使单击事件上的音频元素控件出现/消失？

1 个答案: