Riproduzione audio dopo il caricamento della pagina in html

Question

Ho inserito l'audio in html. Ma l'audio viene avviato prima che l'intera pagina venga caricata. Voglio che l'audio venga riprodotto dopo aver caricato l'intera pagina.

<audio src="bg.mp3" autoplay="autoplay" loop="loop"></audio> 

Qualcuno può aiutarmi in questo.

Answer 1

penso che è necessario utilizzare la funzione JS (jQuery) per fare ottenere documento pronto

$ (document) .ready (function()

Play an audio file using jQuery when a button is clicked

Dovete rispondere qui (se ti seguo bene)

Answer 2

Hai bisogno di JavaScript per questo. Rimuovi l'attributo autoplay:

<audio id="my_audio" src="bg.mp3" loop="loop"></audio> 

e aggiungere uno script come questo:

window.onload = function() { 
    document.getElementById("my_audio").play(); 
} 

Oppure, se si utilizza jQuery:

$(document).ready(function() { 
    $("#my_audio").get(0).play(); 
}); 

Answer 3

Basta copiare e incollare questo codice nella sezione body del codice HTML.

<audio autoplay> 
    <source src="song.mp3" type="audio/mpeg"> 
</audio> 

e assicurarsi che il file audio sia nella stessa cartella.

Answer 4

Per un posto tono ripetuto il codice qui sotto

 <audio src="./audio/preloader.mp3" autoplay="autoplay" loop="loop"></audio> 

e per una sola volta, rimuovere il loop. Allora dovrebbe essere simile a questo

 <audio src="./audio/preloader.mp3" autoplay="autoplay"></audio>