Comment puis-je intégrer une animation Lottie sur la page d'accueil ?

Soutien
1

Bonjour !

J’ai conçu une version animée de mon logo. Jetez un coup d’œil ici !

Je l’ai convertie en .json (en tant qu’animation Lottie) et j’aimerais intégrer cette animation dans mon en-tête.
Cela devrait être possible en collant simplement ce bloc de code sur ma page :

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_KrQ5B2.json"  background="transparent"  speed="1"  style="width: 600px;" autoplay >
</lottie-player>

Mais lorsque je le fais sur mon projet Discourse, cela ne fonctionne pas.
Je ne comprends pas pourquoi, car cela appelle une ressource externe, donc cela devrait être indépendant de l’environnement de Discourse, non ?

J’ai lu dans d’autres sujets que les utilisateurs de Discourse ne pouvaient pas utiliser d’animations Lottie à la place des icônes de catégorie.
Mais dans mon cas, je ne comprends pas pourquoi cela ne fonctionne pas (si je colle le code dans ma balise body, cela devrait fonctionner).

Quelqu’un pourrait-il m’aider, s’il vous plaît ? :slight_smile:

2

Je ne suis pas sûr de savoir comment utiliser l’animation pour votre logo, mais pour que le script s’exécute sur votre site Discourse, vous devez ajouter https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js au paramètre de site « content security policy script src ». Lorsque je fais cela et que j’ajoute le script à la section En-tête de mon thème, l’animation s’affiche pour moi.

3

Ça fonctionne très bien !
Merci pour votre réponse :slight_smile: