HTML audio player not displaying on certain iPad device.

  • Profile Image
    Asked on April 03, 2018 at 02:46 PM
    We seem to be getting closer.  It still works on my old iPad, but my customer's newer one is still having issues playing the audios.

    This is his response: "Hi, same issue with the first two, no icon. The last link shows the sound icon arrow, but it doesn’t play when it’s touched."

    These are the examples of 3 different settings he tried: 

    The "original" one:


    Then #1 (jotform 4b.1 -- 480 min, 768 max):


    Then #2 (jotform 4b.1 -- 480 min, 1024 max):

  • Profile Image
    Answered on April 03, 2018 at 02:52 PM

    I have been testing the links you have shared and I can see the audio player shows there, I can click on it as well: 


    I have been testing using the screen size 480px, 768px and 1024px; however,  I cannot replicate the issue. 

    May we get a screenshot about how it looks on the conflicting device? 

    Please also note that there might be a compatibility issues with the browser/device used, does it work using a different device/browser? 

    We will wait for your response. 

  • Profile Image
    Answered on April 03, 2018 at 05:42 PM

    The customer is able to open on his computer fine.

    Here is the screenshot from his iPad.  He tried it in both Chrome and safari.  It looks good, but tapping doesn't play audio: 

    1522791512iPad test.jpg


  • Profile Image
    Answered on April 03, 2018 at 07:24 PM

    I have been testing this on different devices and screen resolutions, but I was unable to replicate the problem, the buttons appear and they allow me to play the audio files. 

    It's a bit hard to find a workaround on this since we cannot replicate the problem on our end so we cannot know if there is something in the CSS code or anything else that's causing this undesired behavior. 

    I have cloned one of your forms into my account and removed almost all the fields, there are only some of the audio files on my form. 

    May you please test this form and see if the same issue happens? 

    Please  let us know how it goes. 

  • Profile Image
    Jay Hobbs
    Answered on April 04, 2018 at 01:20 PM

    Thanks Kevin.  That was a good idea.

    It works fine on my iPad.

    Here is what loaded on my customers iPad:

    1522862155Image-1 (2).jpg