La lecture automatique ne fonctionne pas avec ma liste de lecture musicale

Je veux lire une liste de lecture de musique sur ma page Web en arrière-plan, j'utilise chrome Je ne veux pas de la console et je veux la lecture automatique mais, bien que j'écris la lecture automatique, l'audio ne démarre qu'avec le bouton de lecture du console. C'est ce que j'écris dans le HTML:

(function () {

    // Playlist array
    var files = [
        "ms4/14_1.30.mp3",
        "ms4/20_20.mp3",
        "ms4/21_34.mp3"
    ];

    // Current index of the files array
    var i = 0;

    // Get the audio element
    var music_player = document.querySelector("#music_list audio");

    // function for moving to next audio file
    function next() {
        // Check for last audio file in the playlist
        if (i === files.length - 1) {
            i = 0;
        } else {
            i++;
        }

        // Change the audio element source
        music_player.src = files[i];
    }

    // Check if the player is slected
    if (music_player === null) {
        throw "Playlist Player does not exists ...";
    } else {
        // Start the player
        music_player.src = files[i];

        // Listen for the music ended event, to play the next audio file
        music_player.addEventListener('ended', next, false)
    }

})();

Et dans le Javascript

<div id="music_list">
   <audio controls autoplay></audio>
</div>

Comment puis-je résoudre ce problème? Je suis vraiment nouveau dans HTML et JS et je suis coincé dans ce problème.