title: Javascript Files Not Linking Correctly?
body: <p>So, I've got what looks to me like a pretty simple setup. My end goal is to embed a lottie animation into my website (webflow). In Atom everything works fine.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="lottie"&gt;&lt;/div&gt;
  &lt;script src="lottie.js"&gt;&lt;/script&gt;
  &lt;script src="index_1.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>index_1.js:</p>
  
  <pre><code>var animation = bodymovin.loadAnimation({
    container: document.getElementById('lottie'),
    renderer: 'svg',
    autoplay: true,
    path: 'process_1.json'
  })
  </code></pre>
  
  <p>And the animation plays in my HTML preview! Yay! Webflow, however doesn't have file hosting, so I decided to throw my "lottie.js" and "index_1.js" scripts and "process_1.json" on Amazon s3 and link them up using the file's public urls, but nothing appears on my website! </p>
  
  <p>Is Amazon s3 not good for this sort of thing? Perhaps the "path" parameter in my index_1.js doesn't accept urls? </p>
  
  <pre><code>var animation = bodymovin.loadAnimation({
    container: document.getElementById('lottie'),
    renderer: 'svg',
    autoplay: true,
    path: 'https://audioplayerskin.s3.amazonaws.com/Json+Files/Process_1.json'
  })
  </code></pre>
  
  <p>What could be the problem here? </p>
  
  <p>Thanks! :)</p>