MediaElement.js Только аудиоплеер: как я могу заставить его отображать проигрыватель на определенной ширине?

Question

например, я использую тег с набором src, и он играет нормально. Тем не менее, mediaelement создает контейнер с размером 400x на 30px. Если я использую это не имеет никакого эффекта.

Если это имеет значение, я использую это как часть плагина HTML5 Media для встраивания для Wordpress, но я использую аудио-тег вручную, и это вызывает mediaelement.js.

Answer 1

$('audio').mediaelementplayer({
    audioWidth: 500,
    audioHeight: 500
});

сделает свое дело!

Answer 2

У меня была такая же проблема при работе с медиа-элементом. Однако, если вам нужен аудиоплеер, размер которого превышает 30 пикселей, что выглядит как вы, то вы можете просто установить минимальную высоту.

.mejs-container { min-height: 80px }

Если вам нужно меньше, проделайте то же самое с максимальной высотой.

.mejs-container { max-height: 20px }

Вот так я обошёл это.

Answer 3

Я не уверен, как работает плагин WordPress, но вы можете установить ширину / высоту звука в параметрах медиаэлемента при его инициализации.Смотрите параметры проигрывателя на сайте mediaelementjs