How to add audio player to a code block

Hello, 

I am working on a website where I am trying to create a lightbox that opens when you click a link (an image) that will display a bunch of information about a certain music artist including images, text and some audio tracks. I have figured out how to create the lightbox and add text, images and add audio blocks but can't figure out how to get the audio blocks to play. When I press the play button nothing happens.  Any ideas on what I've not done?

Here's an example of the code I entered into the code block for the audio block: 

  <div 
  class="sqs-audio-embed"
  data-url="https://static1.squarespace.com/static/545402f7e4b06d59faa5eb07/t/5dbd66f1bcfc042fbcb4b3f2/1572693797459/Simon+Shackleton+-+Constellations.mp3/original/Simon+Shackleton+-+Constellations.mp3"
  data-mime-type=""
  data-title="Constellations"
  data-author="Simon Shackleton"
  data-show-download="false"
  data-design-style="minimal"
  data-duration-in-ms="428000"
  data-color-theme="dark"  
>
</div>

Thank you!

Chele

I found a way to do this using the lightbox popup from Ghost Plugins for anyone who might be looking for a similar option.  

@Chele Glad Ghost was helpful in helping you find a solution! 👻 😃 👍