• User

    autoplay al caricamento della pagina

    salve
    utilizzo questo script per lanciare il play cliccando su un immagine, come posso attivare il play al caricamento della pagina

    <form  id="fluxa" name="fluxa" method="get">
    <audio style="display:none;" controls id="yourAudio" autoplay>
    <source id="flusso" src="https://stream" type="audio/mp3">
    </audio>
    </form>
    <a id="audioControlRR" href="#" >
    <img id="play" src="img/play.png" >
    <img id="pause" src="img/pause.png" >
    </a>
    <script>
    var yourAudio = document.getElementById('yourAudio'),
        ctrl = document.getElementById('audioControlRR'),
        playButton = document.getElementById('play'),
        pauseButton = document.getElementById('pause');
    
    function toggleButton() {
        if (playButton.style.display === 'none') {
            playButton.style.display = 'block';
            pauseButton.style.display = 'none';
        } else {
            playButton.style.display = 'none';
            pauseButton.style.display = 'block';
        }
    }
    
    ctrl.onclick = function () {
    
        if (yourAudio.paused) {
            yourAudio.play();
        } else {
            yourAudio.pause();
        }
        
        toggleButton();
    
        // Prevent Default Action
        return false;
    };
    </script>
    

    grazie


    juanin 1 Risposta
  • Admin

    @djjunior basta che aggiungi un eventListener sull'onload e gli fai lanciare la funzione che fa il play.

    <script>
      window.addEventListener("load", function(event) {
        console.log("Esegui la funzione che vuoi tu.");
      });
    </script>