mediaelement 오디오 플레이어 볼륨 슬라이더

Question

WordPress 버전 3.6에서 내 테마를 새로운 mediaelement 오디오 플레이어로 변환하려고합니다.

응답 모드에서 CSS가 깨지고 볼륨 슬라이드 막대가 플레이어 바깥 쪽과 아래쪽에 표시됩니다. 화면 크기를 변경하면 볼륨 슬라이더가 위치에서 벗어나 위치에 반복적으로 나타나 플러그인에서 계산되고 반환 된 너비 문제를 제안합니다. 이 jQuery를에 관해서 만이 수정 될 나타날 때

Answer 1

나는

가 교체 ... 초보자 해요 : B = this.controls.width() - A - (c.outerWidth (참) - c.width())

와 : B = this.controls.width() - A - (c.outerWidth (참) - c.width()) -이 무엇 1

항상 힘이다 .mejs-time-rail 너비는 1px보다 작아서 css가 깨지지 않습니다.

Answer 2

세련되지 CSS 수정은 워드 프레스가

를 업그레이드 할 때 덮어 쓰지 않습니다 자식 테마의 style.css에는

.mejs-container { 
width: 101% !important; 

}

이이를 추가하여 좀 더 넓은 컨테이너를 만드는 것입니다

Answer 3

새로운 스타일 시트를 추가하여 기본 스타일을 재정의했습니다.

// Hides any ugly overflow 
.wp-audio-shortcode { 
    overflow: hidden; 
} 

// Give ample room to the controls 
.wp-audio-shortcode .mejs-controls { 
    width: 101% !important; 
} 

이렇게하면 어떤 WordPress 코어 파일보다 우선합니다.