Как остановить проигрывание музыки по клику на кнопку?

Добрый вечер. подскажите пожалуйста в решении такой вот задачи.
Нужно отключить воспроизведение мелодии по клику на кнопку.
В принципе удалось реализовать задуманное, но если мелодия воспроизводится через автовоспроизведение то почему то код не срабатывает. подскажите пожалуйста в чем может быть проблема.

<p class="music">click me</p>
<audio id="audio" autoplay>
       <source src="/audio/1.mp3">
    </audio>

var radio = new Audio();
      radio.src = "/audio/1.mp3";

      document.querySelector('.music').onclick = function() {
      if (radio.paused == true) {
      radio.play();
      }

       else {
      radio.pause();
      }
    }