延迟后播放音频标签吗?

Cha*_*lie 9 html javascript jquery html5 html5-audio

我正在使用<audio>HTML5中的标签播放MP3 .

<audio controls="controls" autoplay="autoplay">
  <source src="song.mp3" type="audio/mp3" />
</audio>
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我想知道如何在歌曲开始自动播放之前加入延迟?我知道没有delay属性,但我认为可以通过javascript完成?

Ian*_*dge 16

试试这个,非常简单,但你应该把JS移到标记之外......

<audio controls="controls" onloadeddata="var audioPlayer = this; setTimeout(function() { audioPlayer.play(); }, 8000)">
    <source src="Kalimba.mp3" type="audio/mp3" />
</audio>
Run Code Online (Sandbox Code Playgroud)


Phi*_*ide 7

仅限Javascript方法:

var sound = document.createElement('audio')
sound.id = 'audio'
sound.controls = 'controls'
sound.src = 'http://a.tumblr.com/tumblr_leltkjNwWL1qf32t9o1.mp3'
sound.type = 'audio/mp3'
document.body.appendChild(sound)

function playAudio() {
  document.getElementById('audio').play();
}

setTimeout("playAudio()", 3000);
Run Code Online (Sandbox Code Playgroud)