Hide audio behind image

  • Hi,

    I’m working on putting a music sight-singing course online. The examples are uploaded as .svg files. I would like to make the recordings play when someone clicks on the svg file – the excerpts are short, so the user doesn’t need to see the controls.

    I don’t want the audio player or any buttons to be visible – I want to hide everything behind the image file.

    I’ve tried a couple things in the HTML, but I can’t figure it out. Can anyone help?

    Thanks!
    Dan

Viewing 1 replies (of 1 total)
  • Thread Starter DanKreider

    (@dankreider)

    I tried this, which didn’t work:

    <img class="" src="https://gracemusicgroup.org/wp-content/uploads/2015/03/Chapter-4-5.svg" alt="test" width="1222" height="530">
<audio controls>
<source src="https://gracemusicgroup.org/wp-content/uploads/2015/02/4-5.mp3" type="audio/mpeg">
</audio>
</img>
Viewing 1 replies (of 1 total)
  • The topic ‘Hide audio behind image’ is closed to new replies.