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

Question

我不是 javascript 高手，根本不是程序员。

我想更改 HTML 中组成 Soundcloud 自定义播放器的元素的堆叠顺序。我知道这些可以使用 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 自定义播放器是否从 JavaScript 生成 HTML div？这是在 javascript 文件中的什么位置，以便我可以破解它，或者也许使用我的 HTML 页面上的函数来更改顺序？

或者当嵌入轨道时，HTML 是否以某种方式从 Soundcloud 下载(因此不可能编辑 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 的位置，如果您愿意，您可以对其进行修改。