Роллинг пользовательских кнопок управления

Question

Есть ли у вас ссылка или учебное пособие по настройке графики скинов / css для mejs?

вот что я взломал:

Я скопировал блок mejs-ted в файл mejs-skins.css и переименовал его элементы в mejs-custom. я создал новый файл PNG, похожий на существующий control-ted.png и отметил координаты каждого элемента управления. с этими координатами я изменил смещения x / y в mejs-custom (я действительно мог бы также использовать помощь с этим).

а теперь как активировать этот скин? и можете ли вы подтвердить, что приведенная выше методика является правильной процедурой создания скинов?

http://mediaelementjs.com В источнике есть переключаемые темы оформления, но механизм переключения довольно хорошо запутан в коде, а файл mediaelementplayer-skins.html отсутствует в разделе demos дистрибутива mu.

Answer 1

Настройте своего игрока, затем используйте метод changeSkin(), чтобы добавить класс вашей кожи в контейнер div, который отражается в вашем файле css кожи

 var player = new MediaElementPlayer('#player-ID');


   player.changeSkin('skin-container-class');

Затем вы можете стилизовать все элементы.

.skin-container-class .mejs-controls {
/*stylez*/
}