title: Soundcloud embedded javascript error : Failed to execute 'createPattern' on 'CanvasRenderingContext2D': The canvas width is 0
body: <p>I'm getting a uncaught InvalidStateError, from soundcloud embedded profiles from <code>(https://w.soundcloud.com/player/widget-6c3640e3.js &amp; https://w.soundcloud.com/player/multi-sounds-0e392418.js)</code>  on my site <a href="http://pullup.club/" rel="nofollow">pullup.club</a> it's hosted off of github.io and is <a href="https://github.com/pullup/pullup.github.io/blob/gh-pages/index.html" rel="nofollow">open source</a>... </p>
  
  <p>I have two embedded soundcloud profiles in a modal popup</p>
  
  <pre><code>  &lt;iframe width="35%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/5142431&amp;amp;color=ff5500&amp;amp;auto_play=false&amp;amp;hide_related=false&amp;amp;show_comments=true&amp;amp;show_user=true&amp;amp;show_reposts=false"&gt;&lt;/iframe&gt;
  </code></pre>
  
  
  
  <p>and when my site is loaded I get errors and a bit of lag, not sure how to get rid of this error, and was wondering if it was because I have the embedded players in a popup, or if I need to somehow specify the canvas size?</p>
  
  <p>I'm completely clueless, so all help is greatly appreciated!</p>