Как добавить анимацию Lottie на главную страницу?

Поддержка
1

Привет!

Я создал анимированную версию своего логотипа. Посмотрите здесь!

Я конвертировал её в формат .json (как анимацию Lottie) и хотел бы разместить эту анимацию в заголовке сайта.
Должно быть возможно сделать это, просто вставив этот фрагмент кода на свою страницу:

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

Но когда я делаю это в моём проекте на Discourse, ничего не работает.
Я не понимаю почему, ведь он обращается к внешнему ресурсу, так что это должно быть независимо от окружения Discourse, не так ли?

Я читал в других темах, что пользователи Discourse не могут использовать анимацию Lottie вместо иконок категорий.
Но в моём случае я не понимаю, почему это не работает (если я вставлю код в тег body, он должен работать).

Не мог бы кто-нибудь мне помочь? :slight_smile:

2

Я не уверен, как использовать анимацию для вашего логотипа, но чтобы скрипт запускался на вашем сайте Discourse, нужно добавить https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js в настройку сайта content security policy script src. Когда я делаю это и добавляю скрипт в раздел «Заголовок» своей темы, анимация отображается у меня.

3

Всё работает отлично!
Спасибо за ответ :slight_smile: