#mediaelement #mediaelement.js
Вопрос:
у вас есть справочник или учебник по настройке графики/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.
Комментарии:
1. я думал, что кожа изменений() была ключом… я неправильно его применяю? успех: функция (медиаЭлемент, домОбъект) { медиаЭлемент.Сменный скин(‘mejs-пользовательский’); медиаЭлемент.воспроизведение(); },
2. вместо переключения скинов, как описано выше, я взломал
.mejs-controlsэлементы по умолчаниюmediaelementplayer.css. изменяя высоту/ширину.mejs-controls .mejs-button buttonи изменяяbackground-position:различные элементы , вы можете получить довольно примитивное приближение пользовательского интерфейса.3. в какой чудовищный беспорядок все это превратилось. я должен сделать вывод, что mediaelement.js это не для таких энтузиастов-любителей, как я, и предоставьте это хардкорным фанатам, для которых это было явно предназначено.
Ответ №1:
Настройте свой плеер, затем используйте этот changeSkin() метод, чтобы добавить класс вашего скина в div контейнера, который отражен в файле css вашего скина
var player = new MediaElementPlayer('#player-ID');
player.changeSkin('skin-container-class');
Затем вы можете стилизовать все элементы.
.skin-container-class .mejs-controls {
/*stylez*/
}