Tenemos una página web aquí: Operaciones optimizadas de producción de alimentos congelados | IcePoint® que tiene 3 animaciones de lotería en la sección "Cómo funciona" casi a la mitad de la página. Estaban trabajando pero ahora están rotos.

Revisé y revisé los archivos y están presentes donde deberían estar. Este es un sitio web de WordPress personalizado que heredé de otro diseñador, así que seguiré los pasos que encontré que configuraron.

En la sección de esta página se encuentra este código: <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

En la página mencionada anteriormente tenemos este código para cada diapositiva en la sección Cómo funciona:

 <lottie-player src="<?php echo get_stylesheet_directory_uri(); ?>/animations/<?php the_sub_field('lottie_animation');?>" background="transparent" speed="1" style="width: 100%; height: 100%;" loop autoplay controls></lottie-player>

Esto nos da las direcciones URL de los 3 archivos json de lottie player necesarios:

FPS: fps.json MVR: data02c.json Balance de energía: energy_balance.json

Si hago clic derecho en la página y hago clic en Ver código fuente de la página, puedo ver que el script de lottie parece estar instalado correctamente.

Cuando voy a los enlaces de Ver código fuente de la página para los archivos json, puedo ver que se trata de un código json dentro de estos archivos. Si agrego los archivos al sitio de vista previa de lottiefiles, funcionan.

Cuando voy a la página mencionada en la parte superior no aparecen las animaciones. Si actualizo la página parpadean por un segundo o la barra de controles parpadea por un segundo y desaparece.

Tenemos otros lugares en el sitio que tienen archivos de Lottie que funcionan, pero están configurados de forma ligeramente diferente.

¿Alguien puede decirme qué impide que aparezcan las animaciones?