0

次のように、実行時にオーディオ オブジェクトの 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() 関数で追加/削除する方法はありますか?

4

1 に答える 1

0

クリック後にコントロール属性を設定できるため、最初はプレーヤーが表示されません。audioClick 関数が呼び出されると、任意の HTMLDOMElement のsetAttribute()およびremoveAttribute() API を使用して、自由に表示または非表示にすることができます。

これがこのjsfidleで必要なものかどうかを確認できます

于 2012-08-30T20:48:16.243 に答える