كيف يمكنني وضع أنيميشن Lottie على الصفحة الرئيسية؟

مرحبًا بك!

صممتُ نسخةً متحركةً من شعاري. تفضل بالنظر هنا!

لقد قمت بتحويلها إلى ملف بصيغة .json (كأنيميشن لوتي) وأود وضع هذا الأنيميشن في رأس صفحتي.
من المفترض أن يكون ذلك ممكنًا بمجرد لصق هذه القطعة من الكود في صفحتي:

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

ولكن عندما أفعل ذلك في مشروع ديسكورس الخاص بي، لا يعمل.
لا أفهم السبب، لأنه يستدعي موردًا خارجيًا، لذا يجب أن يكون مستقلًا عن بيئة ديسكورس، أليس كذلك؟

لقد قرأت في مواضيع أخرى أن مستخدمي ديسكورس لم يتمكنوا من استخدام أنيميشن لوتي بدلاً من أيقونات التصنيفات.
ولكن في حالتي، لا أفهم لماذا لا يعمل (إذا قمت بلصق الكود في وسم body الخاص بي، يجب أن يعمل).

هل يمكن لأي شخص مساعدتي في ذلك من فضلك؟ :slight_smile:

لست متأكدًا من كيفية استخدام الحركة لشعارك، ولكن لتشغيل السكربت على موقع Discourse الخاص بك، تحتاج إلى إضافة https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js إلى إعداد موقع content security policy script src. عندما أفعل ذلك، وأضيف السكربت إلى قسم رأس الموضوع الخاص بي، تظهر الحركة لي.

يعمل بشكل ممتاز!
شكرًا لك على إجابتك :slight_smile: