mediaelementjs 오디오 플레이어 컨테이너 높이를 변경하는 방법은 무엇입니까?

Question

WordPress를 사용하여 mediaelementjs 오디오 플레이어를 출력하고 있습니다. 오디오 플레이어의 mejs-container에는 height 30px의 인라인 스타일이 지정됩니다. 이 작업을 수행하는 코드는 wp-includes/js/mediaelement/mediaelement-and-player.min.js 파일에 있습니다. 예를 들어 :

ioHeight:30 

내 스타일 시트의 높이를 무시하려하지만 인라인 스타일이 우선하기 때문에이 작동하지 않습니다.

어떻게 높이를 바꿀 수 있습니까?

Answer 1

MediaElement에를 만들 때 당신은 당신이 다음 JS 사용하여 플레이어에 액세스 할 수 audioHeight

$('audio').mediaelementplayer({ 
    audioWidth: '100%', 
    audioHeight: 30 
    }); 

이후 옵션을 사용할 수 있습니다

는 당신을 수

$('audio')[0].player 

그 기능을 사용하여 플레이어의 크기를 변경하십시오.

(210)

$('audio')[0].player.setPlayerSize(width,height); 

이 기능들이 있었다 정도로 당신이 기능을 사용하여뿐만 아니라 자신의 크기를 조정해야합니다 플레이어의 크기를 변경할 수 있지만 컨트롤을 떠나

:

$('audio')[0].player.setControlsSize();