Firefox not displaying Iframe content (Html5 animations)

  • enesco
    Asked on August 28, 2017 at 5:16 PM

    Hello, I tried for many times to embed multiples Html 5 animation in my Jotform (im using the source code).

    I embed the contents using Object or Iframe, but im experiencing problems on Firefox with both : page not loading, Blank iframe. It works on other browsers like Safari or Chrome.

    Here the link, on the first page it works, but when i click next, in the second page, the iframe content is not loaded (firefox). If i just load the iframe in another page, it works.

    *Ive tried using differents embed code (same result)
    *The first page can load multiple iframes from the same animation with no problems.
    *Firefox run with no addons enabled

    Have you an idea what can happens...im going crazy...

    Is there something happening when i click "next" that prevent the iframe working properly ?

    Thanks,

    Sébastien

  • jonathan
    Replied on August 28, 2017 at 8:14 PM

    I test your form using Firefox browser and it shows the animation to be working at this time.

    Here is a video of my test.

    Firefox not displaying Iframe content (Html5 animations) Image 1 Screenshot 20

    Can you please try instead using iframe embed code to publish the form on your website.

    User guide: Getting-the-Form-iFrame-Code

    Test if using the iframe publish code make the form work on your Firefox browser.

    Just a heads up also, using the form's full source code and modifying the code requires at least a basic knowledge in script programming. It could become complex if the requirement is not available.

    I hope this help. Let us know if you require further assistance.

     

     

     

  • enesco
    Replied on August 29, 2017 at 9:22 AM

    Hello Jonathan,

    Thank you for your anwser but the animation is also on the second page, and its not showing on Firefox. :/

    Ive made a minimal example here :

    http://optimeo-prevention.com/ecoachingbeta/index2.html

    You can check the difference testing with FF or Chrome.

    Thing happens just after the "Next" button.

     

    Regards,

     

    Sebastien

  • David JotForm Support Manager
    Replied on August 29, 2017 at 10:48 AM

    Please use Iframe widgets to embed your links to the animated images. Also, make sure to use secure links(https): https://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form 

    https://www.optimeo-prevention.com/images/ANIM_ERGO_SALUT/anim_ergo_salut.html 

     

    https://www.optimeo-prevention.com/images/ANIM_ERGO_SALUT/anim_ergo_salut.html 

    Example: https://form.jotformpro.com/72403803680957 

    Firefox not displaying Iframe content (Html5 animations) Image 1 Screenshot 20

  • enesco
    Replied on August 30, 2017 at 5:52 AM

    Hello David,

    Thanks for your answer.

    Its working fine with all browsers...but i dont really dont know what have been fixed... (changing http to https dont fix the problem in my previous test)

    Ive made the test using the plugin you recomand, downloading the sources and put it on my own server. It works fine now.

    I will try to apply this method to my complete form.

    By the way, you guys of the JotForm support are very effective and nice.

    Thx,

     

    Sebastien

     

     

  • Ashwin JotForm Support
    Replied on August 30, 2017 at 7:47 AM

    Hello Sebastien,

    I am glad to know that your issue is fixed. I did check your webpage in Firefox browser and your embedded form with animation is displayed without any problem. 

    As suggested by my colleague, please embed your animated images & videos in iFrame embed widget of your other forma and get back to us if you have any trouble.

    Thank you!

  • pauljohnsondenmark
    Replied on August 30, 2017 at 8:04 AM

    HI Sebastien.. It seems your form is working fine now. running good i would say

  • aubreybourke
    Replied on August 30, 2017 at 9:53 AM

    I have marked this question as answered.