javascript - 自动播放 HTML5 音频元素和动画

Question

我正在使用一个代码来控制带有动画元素的非常基本的 html5 播放器。按原样，代码在单击时启动音频和动画。我希望页面加载后音频和动画就自动开始。任何帮助将不胜感激。谢谢!

    $( document ).ready(function() {
      $('.spinner-wrap').click(function() {

var $this = $(this),
    audio = $this.siblings('audio')[0],
    bpm = Number($this.siblings('audio').data('bpm'))
    pulse = (60/bpm)*1000;


if (audio.paused === false) {
  audio.pause();
  audio.currentTime = 0;
  $this.removeClass('playing');
  clearInterval(intervals);
}

else {
  audio.play();
  $this.addClass('playing');

}


function pulsing() {

  $this.addClass('pulse');

  setTimeout(function() {
    $this.removeClass('pulse');  
  }, pulse-100);

}


      });

    });

Answer 1

我建议您使用audio标签的autoplay属性，如下所示:

<audio autoplay>
   <source src="ogg.ogg" type="audio/ogg">
   <source src="mp3.mp3" type="audio/mpeg">
   Sorry, no audio
</audio>