¿Cómo puedo colocar una animación Lottie en la página de inicio?

¡Hola!

He diseñado una versión animada de mi logotipo. ¡Mírala aquí!

La he convertido a .json (como una animación Lottie) y me gustaría colocar esa animación en mi encabezado.
Debería ser posible hacerlo simplemente pegando este bloque de código en mi página:

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

Pero cuando lo hago en mi proyecto de Discourse, no funciona.
No entiendo por qué, ya que está llamando a un recurso externo, así que debería ser independiente del entorno de Discourse, ¿no?

He leído en otros temas que los usuarios de Discourse no podían usar animaciones Lottie en lugar de los iconos de categoría.
Pero en mi caso, no entiendo por qué no funciona (si pego el código en la etiqueta body debería funcionar).

¿Podría alguien ayudarme, por favor? :slight_smile:

No estoy seguro de cómo usar la animación para tu logotipo, pero para que el script se ejecute en tu sitio de Discourse, debes agregar https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js a la configuración del sitio content security policy script src. Cuando hago eso y agrego el script a la sección de Encabezado de mi tema, la animación se muestra para mí.

¡Funciona perfectamente!
Gracias por tu respuesta :slight_smile: