title: Soundcloud custom player HTML generation/ stacking order
body: <p>I am no javascript whiz, not a programmer at all.</p>
  
  <p>I want to change the stacking order of elements that make up the Soundcloud custom player in the HTML. I know that these can be positioned using CSS, but my preference for what I am doing would be to reorder the divs that the player generates, so that I can use default document flow to efficiently layout my player.</p>
  
  <p>The divs come out in this order - not sure how this is generated from the soundcloud link, but I would like to figure this out:</p>
  
  <pre><code>  &lt;div class="sc-player"&gt;
        &lt;ol class="sc-artwork-list"&gt;
        &lt;/ol&gt;
        &lt;div class="sc-info"&gt;&lt;/div&gt;
        &lt;div class="sc-controls"&gt;&lt;/div&gt;
        &lt;ol class="sc-trackslist"&gt;&lt;/ol&gt;
        &lt;div class="sc-scrubber"&gt;
          &lt;div class="sc-volume-slider"&gt;&lt;/div&gt;
          &lt;div class="sc-time-span"&gt;
            &lt;div class="sc-waveform-container"&gt;&lt;/div&gt;
            &lt;div class="sc-buffer"&gt;&lt;/div&gt;
            &lt;div class="sc-played"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="sc-time-indicators"&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Does the Soundcloud custom player generate the HTML divs from the javascript? Where is this in the javascript file, so I can hack it, or perhaps taret this with a function on my HTML page to change the order?</p>
  
  <p>Or is the HTML somehow downloaded from Soundcloud when the embedded track is (and therefore editing the HTML stacking order is no possible?) I couldn't see where this mights happen in the javascript.</p>
  
  <p>Slightly wierd question but I'm trying to learn better how this plugin works, thank you. I won't paste the javascript here, but the files are located here <a href="https://github.com/soundcloud/soundcloud-custom-player" rel="nofollow">https://github.com/soundcloud/soundcloud-custom-player</a></p>