2015-12-22 87 views
0

我正在使用控制非常基本的html5播放器和動畫元素的代碼。現在,代碼在點擊時啓動音頻和動畫。我希望音頻和動畫在頁面加載後立即自動開始。任何幫助將不勝感激。謝謝!自動播放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); 

} 


     }); 

    }); 
+0

確實[這](https://encrypted.google.com/search?q =自動+播放+ HTML5 +音頻+元素+%26 +動畫)幫助? (嘗試第二個鏈接) – Hatchet

回答

1

我建議你使用音頻標籤的自動播放屬性,像這樣:

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