Lottie animation problem

  • Resolved sellific

    (@sellific)


    4 years, 3 months ago

    Hi, I’m having trouble seeing the Lottie animation. When I have AdBlock turned on, the animations do not show. When I check on other websites, everything is displayed correctly also with AdBlock turned on.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter sellific

    (@sellific)

    In the console I have:

    Access to XMLHttpRequest at ‘https://mydomain.pl/wp-content/uploads/2020/12/lf20_bp1bwvhv-1.json from origin’https://mydomain.pl’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

    GET https://mydomain.pl/wp-content/uploads/2020/12/lf20_bp1bwvhv-1.json net::ERR_FAILED

    Plugin Author overengineer

    (@overengineer)

    Access to XMLHttpRequest at ‘https://mydomain.pl/wp-content/uploads/2020/12/lf20_bp1bwvhv-1.json from origin’https://mydomain.pl’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

    This is likely an issue with your server configuration.

    • Is your website both loading over HTTPS and requesting the JSON data file via HTTPS? If not, take a look at issue #12.
    • Is mydomain.pl the same domain in all occurrences of the error message? You have to load the data file (i.e. lf20_bp1bwvhv-1.json) from the same domain as your WordPress installation. If the file lives on a different domain (and possible being served from a different server), you have to set the Access-Control-Allow-Origin header on the server that’s handling the files.

      • Please let me know if that fixed it for you. ??

      If it didn’t, could you please share a link to your website, so I can investigate it in more depth? Feel free to email me at [email protected]

    Thread Starter sellific

    (@sellific)

    Hi, I added to the .htaccess file “Header set Access-Control-Allow-Origin” * “” and the problem with the console is gone. Unfortunately, AdBlock still blocks the animations. When I checked with another plugin through the Gutenberg editor, everything shows up fine.
    I have sent the website address by e-mail.

    Plugin Author overengineer

    (@overengineer)

    Hey @sellific,

    I added to the .htaccess file “Header set Access-Control-Allow-Origin” * “” and the problem with the console is gone.

    That’s great!

    Unfortunately, AdBlock still blocks the animations

    This is unexpected behavior and possibly a bug of the AdBlock extension (perhaps a false positive triggered by a weird filename or something like that). It might be a good idea to bring that to the attention of the AdBlock developers.

    Nevertheless, I took a look at your website and the animation doesn’t seem to get blocked. ??

    I tested the following extensions on Chrome Version 87.0.4280.88 on macOS:

    Thread Starter sellific

    (@sellific)

    Hi, I have tested on:
    MacOS:
    Safari – AdBlock Plus
    Windows:
    Chrome – AdBlock Plus

    I found that the problem only occurs when the Block Annoying Items option is enabled. Anyway, I’ll write to the AdBlock developers.
    Thanks and regards

    Plugin Author overengineer

    (@overengineer)

    Thanks for following up, I really appreciate it.

    I’m going to mark this as resolved, but feel free to reach out again if you have any other issue and/or question ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Lottie animation problem’ is closed to new replies.