Testing Music Card

<script>
  let audioButton1 = document.querySelector('.audio-button1');
  audioButton1.addEventListener('click', function () {
    var audio1 = document.getElementById("audio1");

    if (audio1.paused) {
      audio1.play();
    } else {
      audio1.pause();
      // audio1.currentTime = 0
    }

    audioButton1.classList.toggle('toggle-pause');
  });
</script>

<style>
  .toggle-pause .elementor-icon i::before {
    content: '\f04c';
  }
</style>

<audio id="audio1" src="<script>
  let audioButton1 = document.querySelector('.audio-button1');
  audioButton1.addEventListener('click', function () {
    var audio1 = document.getElementById("audio1");

    if (audio1.paused) {
      audio1.play();
    } else {
      audio1.pause();
      // audio1.currentTime = 0
    }

    audioButton1.classList.toggle('toggle-pause');
  });
</script>

<style>
  .toggle-pause .elementor-icon i::before {
    content: '\f04c';
  }
</style>

<audio id="audio1" src="https://seminary.org.au/wp-content/uploads/2024/03/Zacchaeus.mp3"></audio>

Leave a Comment

Your email address will not be published. Required fields are marked *