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页面上用一个函数来改变命令？

或者当嵌入式轨道是以某种方式从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的地方，如果您愿意，可以对其进行修改。

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

1 个答案: