Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Wordpress: встроенный медиаплеер

Второй css стиль для встроенного медиаплеера
Захожу иногда
Dave
Сообщений: 49
745 дней назад
Здравствуйте :)

Начиная с Wordpress 3.6 появился встроенный аудио- и медиаплеер. Собственно вопрос: smile возможно ли как-нибудь задать встроенному медиаплееру второй css стиль?

То есть хотелось бы, чтобы по умолчанию был первый стиль(который изначально задан разработчиками), когда прописываешь стандартную ссылку на медиаплеер:
[аudio mp3="
Скрытый текст виден только зарегистрированным пользователям


А вот второй(дополнительный) стиль можно было бы задавать/вызывать по необходимости, например, вписывая в стандартную ссылку на медиаплеер какой-нибудь класс:
[аudio mp3="
Скрытый текст виден только зарегистрированным пользователям
class="secondstyle"]

Вообщем, каким образом возможно было бы задать встроенному плееру второй стиль, который по необходимости можно было бы задавать в любой ссылке, вызывающей медиаплеер? Заранее очень благодарен за любую помощь и подсказку :)
Редактировалось: 3 раза (Последний: 15 ноября 2013 в 23:05)
Постоянный участник
Степаныч
Медаль
Сообщений: 648
4 дня назад
David:
А вот второй(дополнительный) стиль можно было бы задавать/вызывать по необходимости, например, вписывая в стандартную ссылку на медиаплеер какой-нибудь класс:
[аudio mp3="
Скрытый текст виден только зарегистрированным пользователям
; class="secondstyle"]

Штука в том что в BB коде свои теги.
Не делал но можно попробовать пойти таким путем, если посмотреть через фаербаг то увидим:
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


То есть сам плеер задан стилем:
Код PHP:
  1.  
  2. .mejs-container .mejs-controls {
  3. background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
  4. bottom: 0;
  5. height: 30px;
  6. left: 0;
  7. list-style-type: none;
  8. margin: 0;
  9. padding: 0;
  10. position: absolute;
  11. width: 100%;
  12. }
  13.  
Теперь делаем так BB код плеера, в редакторе админки, заключаем в тег ID примерно так

<div id="wrap_box">
[аudio mp3="
Скрытый текст виден только зарегистрированным пользователям

</div>

А теперь в файле стилей шаблона прописываем стили для него уже как для id
Код PHP:
  1.  
  2.  
  3. #wrap_box .mejs-container .mejs-controls
  4.  
  5. {
  6.  
  7. }
  8.  
  9.  
И прописываем что нужно.
Попробовать как то так.

Для других элементов плеера тоже по этому принципу.

Теперь для того плеера который должен отличаться надо будет просто заключить в :
<div id="wrap_box">

</div>

Если будет работать то можно делать все плееры разноцветными joke crazy
Редактировалось: 3 раза (Последний: 16 ноября 2013 в 00:30)
Захожу иногда
Dave
Сообщений: 49
745 дней назад
Степаныч, Ураа,большое пребольшое Вам спасибо - всё работает :)
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
|
Перейти на форум: