I have set up some HTML & Javascript that can control the playing of an audio track on a webpage, I really like simplicity of JavaScript with play/stop function but I can't make it play automatically. Here's my javascript code:

$('body');
var audio = document.getElementById("audio-player");
audio.volume = 0.2;

if ($(window).length) {
  $('.bg-player').css({
    'visibility': 'visible'
  });
  
  $('body').addClass("audio-on");
  
  if ($('body').hasClass('audio-on')) {
    $('body').removeClass('audio-off');
  }
  
  $(".bg-player").on('click', function() {
    $('body').toggleClass("audio-on audio-off");
    
    if ($('body').hasClass('audio-off')) {
      audio.pause();
    }
    
    if ($('body').hasClass('audio-on')) {
      audio.play();
    }
  });
}

I tried to add the autoplay property but no success:

audio.autoplay = true;

I would like know if there is a way for play the file on the page load.