Iphone and android compatibility

Hello! I was just made aware that the innerhtml code I’ve been using to call audio and video isn’t all that I need. I need a different code for iphones and androids so that the audio and video will work on them. Below is an example of the audio and video code I am currently using. What do I need add to the innerhtml of the element so that the audio and video will work on iphones and androids? Thank you SO much!

<audio id="ch4julia" style="width:100%" preload="auto" controls="">
  <source src="${resourcesFolderName}/ch4_juliamama.mp3" type="audio/mp3"></audio>

<video id="ch4dance" width="600" height="338" preload="auto" controls="">
  <source src="${resourcesFolderName}/ch4_salaydance.mp4" type="video/mp4"></video>

I would wonder why you aren’t using native Hype elements/audio in the first place?

Beyond this, your code looks fine, but you may need to simply add additional <source> attributes for other formats if the mp3/mp4 ones are inadequate for your target devices.