Embedded songs on mobile

On one of my pages ("For Kids") I have embedded audio files and when you click the play button it automatically plays the audio, staying on the same page and not changing the appearance of the page. This is also true when the audio files are clicked to play on an Android mobile device, however, it does not work like this when clicked to play on a IOS mobile device. Since publishing, when I look at this published page on IOS mobile, when I click play it opens up the audio file in a separate browser. How do I resolve this and have it stay the same page and not change in appearance while playing the audio like it is on desktop?

Below I have attached a screenshot of how it should remain to look when pressing play (how it looks pre-click), as well as a screenshot of what comes up when I click play on IOS mobile.

Thanks!

You can use this code to Website > Website Tools > Code Injection > Footer to fix problem.

<script>
  window.addEventListener("load", function(){
    Y.UA.ios = 0; 
  })
</script>