| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| #lottie { |
| width:400px; |
| height:400px; |
| } |
| </style> |
| <script type="text/javascript"> |
| // Check if creating lottie-player creates a natively supported element by checking presence |
| // of 'autoplay' attribute. |
| if(typeof document.createElement('lottie-player').autoplay == 'undefined') { |
| window.onload = function() { |
| var script = document.createElement('script'); |
| script.src = "https://unpkg.com/@lottiefiles/lottie-player@0.5.1/dist/lottie-player.js"; |
| document.getElementsByTagName('head')[0].appendChild(script); |
| } |
| } |
| </script> |
| </head> |
| <body> |
| <lottie-player id="lottie" autoplay loop src="white_material_wave_loading.json"></lottie-player> |
| </body> |
| </html> |