Soundcloud 맞춤식 플레이어 HTML 생성/스태킹 순서

저는 프로그래머가 아닌 자바 스크립트가 아닙니다.Soundcloud 맞춤식 플레이어 HTML 생성/스태킹 순서

HTML에서 Soundcloud 맞춤식 플레이어를 구성하는 요소의 스태킹 순서를 변경하고 싶습니다. 나는 CSS를 사용하여 이들을 배치 할 수 있다는 것을 알고 있지만 플레이어가 생성하는 div를 재정렬하여 내 문서를 효율적으로 레이아웃하기 위해 기본 문서 플로우를 사용할 수 있도록하고 있습니다.

<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>

사운드 클라우드 사용자 정의 플레이어에서 HTML의 div가 발생합니까이는 사운드 클라우드 링크에서 생성되는 방법을 잘 모르는,하지만 난이 알아낼 싶습니다 -

div의이 순서대로 나와 자바 스크립트? 자바 스크립트 파일에서이 파일은 어디서 해킹 할 수 있습니까? 아니면 HTML 코드의 기능을 사용하여 순서를 바꿀 수 있습니까?

삽입 된 트랙이 (그리고 따라서 HTML 스태킹 순서를 편집하는 것이 불가능할 때) SoundCloud에서 HTML을 다운로드 한 것입니까?이 자바 스크립트가 어디에서 발생하는지 알 수 없습니다.

약간의 wierd 질문이지만이 플러그인의 작동 방식을 더 잘 배우려고합니다. 감사합니다. 여기 자바 스크립트를 붙여되지 않지만 파일이 여기에 있습니다 https://github.com/soundcloud/soundcloud-custom-player

출처

2013-04-27 spacewindow

현재 소스 볼 수 있습니다

: "사용자 정의 스킨 HTML/CSS를 생성"에 대한 https://github.com/soundcloud/soundcloud-custom-player/blob/master/js/sc-player.js

검색 - 이것이 HTML이 생성되는 , 원한다면 수정할 수 있습니다.

출처

2013-04-27 12:09:49

정말 감사합니다. 그들이하는 일을 알고있는 사람으로부터 즉각적인 격려와 격려를 얻으세요. 나는이 문제를 해결했지만 코드의 일부를 알아 차렸지만 div.sc-scrubber를 추가하기위한 구문 변경으로 인해 혼란스러워졌다. 나는 .append ('

')를 주석 처리하고 $ list = $ ('

')보다 $ scrubber = $ ('

') .appendTo ($ player), 을 추가했습니다. appendTo ($ 플레이어); 끝난! 다시 한번 감사드립니다. – spacewindow

Soundcloud 맞춤식 플레이어 HTML 생성/스태킹 순서

답변

관련 문제