Soundcloud自定义播放器HTML生成/堆叠顺序

Question

我不是JavaScript专家，完全不是程序员。

我想更改组成Soundcloud自定义播放器的HTML元素的堆叠顺序。我知道这些可以使用CSS定位，但是我对我所做的事情的偏好是对玩家生成的div进行重新排序，以便我可以使用默认文档流来有效地布局我的播放器。

的div顺序出来 - 不知道这是怎么从的SoundCloud环节产生的，但我想这出：

<div class="sc-player"> 
     <ol class="sc-artwork-list"> 
     </ol> 
     <div class="sc-info"></div> 
     <div class="sc-controls"></div> 
     <ol class="sc-trackslist"></ol> 
     <div class="sc-scrubber"> 
     <div class="sc-volume-slider"></div> 
     <div class="sc-time-span"> 
      <div class="sc-waveform-container"></div> 
      <div class="sc-buffer"></div> 
      <div class="sc-played"></div> 
     </div> 
     <div class="sc-time-indicators"></div> 
     </div> 
    </div> 

请问的SoundCloud自定义播放器产生从该HTML的div JavaScript的？ JavaScript文件中的这个位置在哪里，所以我可以破解它，或者用我的HTML页面上的函数来改变顺序来改变它？

或者是当嵌入式轨道是从某种程度上从Soundcloud下载的HTML（并且因此编辑HTML堆叠顺序是不可能的？）我看不到这些功能发生在JavaScript中。

稍微有些奇怪的问题，但我试图更好地学习这个插件如何工作，谢谢。我不会在这里贴了JavaScript，但文件都设在这里https://github.com/soundcloud/soundcloud-custom-player

Answer 1

这里你可以看到源：https://github.com/soundcloud/soundcloud-custom-player/blob/master/js/sc-player.js

搜索“生成自定义换肤功能HTML/CSS” - 这是正在生成的HTML ，如果你喜欢，你可以修改它。