Come posso inserire un'animazione Lottie nella homepage?

Supporto
1

Ciao!

Ho creato una versione animata del mio logo. Dai un’occhiata qui!

L’ho convertita in formato .json (come animazione Lottie) e vorrei inserirla nell’intestazione del mio sito. Dovrebbe essere possibile farlo semplicemente incollando questo blocco di codice nella mia pagina:

<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>

Tuttavia, quando lo provo sul mio progetto Discourse, non funziona.
Non capisco il motivo, dato che sta richiamando una risorsa esterna, quindi dovrebbe essere indipendente dall’ambiente di Discourse, giusto?

Ho letto in altri argomenti che gli utenti di Discourse non riescono a utilizzare animazioni Lottie al posto delle icone delle categorie.
Nel mio caso, però, non capisco perché non funzioni (se incollassi il codice nel tag body dovrebbe funzionare).

Qualcuno potrebbe aiutarmi, per favore? :slight_smile:

2

Non sono sicuro di come utilizzare l’animazione per il tuo logo, ma per far funzionare lo script sul tuo sito Discourse, devi aggiungere https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js all’impostazione del sito “content security policy script src”. Quando lo faccio e aggiungo lo script alla sezione Intestazione del mio tema, l’animazione viene visualizzata per me.

3

Funziona perfettamente!
Grazie per la tua risposta :slight_smile: