Перейти к публикации

Аудиоплеер. Настройка внешнего вида.


Рекомендованные сообщения

Подскажите, пожалуйста, в каком файле можно настроить внешний вид аудиоплеера.  Версия 14.1. Шаблон Default.

Ссылка на сообщение
Поделиться на других сайтах
4 часа назад, proba сказал:

основной: /engine/classes/html5player/plyr.css,

переопределить, например, в /templates/Default/css/styles.css.

Спасибо большое.
Не подскажете, как в нем добиться того, чтобы в аудиоплеере была видна только левая треугольная кнопка "Воспроизвести", а правая панель (таймер, громкость и пр. настройки) исчезла? 

Изменено пользователем gru
Ссылка на сообщение
Поделиться на других сайтах

как-то так:

.plyr--audio .plyr__controls .plyr__progress__container,
.plyr--audio .plyr__controls .plyr__time,
.plyr--audio .plyr__controls .plyr__volume,
.plyr--audio .plyr__controls .plyr__menu {
	display: none;
}

 

Ссылка на сообщение
Поделиться на других сайтах
.dleplyrplayer {
    width:auto!important;
}
.plyr {
   min-width: 0px;
}

и это +

Ссылка на сообщение
Поделиться на других сайтах

proba и MSK, огромное спасибо! Я добавил еще один параметр. Теперь всё отображается идеально:

.plyr--audio .plyr__controls .plyr__progress__container,
.plyr--audio .plyr__controls .plyr__time,
.plyr--audio .plyr__controls .plyr__volume,
.plyr--audio .plyr__controls .plyr__menu {
	display: none;
}

.dleplyrplayer {
    width:auto!important;
}
.plyr {
   min-width: 0px;
}

.plyr--audio .plyr__controls {
    padding: 0px;
}
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...