Как увиличить размер аудио плэера?

Question

[MIHUTKA]

<div class="audio">
    <p style="font-size: 25px;">Название</p>
    <audio controls style="width:500px;">
        <source src = 'фразы/1.mp3' controls audioplay>
        Ваш браузер не подходит юзайте Chrom или Opera
    </audio>

у меня там класс, я именно хочу это сделать в style.css

Comments

[Ankhena]

у меня там класс, я именно хочу это сделать в style.css

Ну так и уберите ширину из разметки и задайте в стилях для класса.
Хотя не понятно, где там он у вас.

Возможно, нужно загуглить про дочерние и контекстные селекторы.

[MIHUTKA]

Ankhena, ну если бы все так просто было, такой вопрос можно только длину увеличить или еще и ширину?

[Ankhena]

MIHUTKA, width это ширина, height это высота.
Высоту напрямую к тегу audio применить не получится.

Немножко для хрома
https://chromium.googlesource.com/chromium/blink/+...

Answer 1

[GlazOtca]

Никак его не увеличить - это интерфейс браузера по умолчанию для аудио. Можно поместить его в блок и отцентровать и задавать размеры блоку. Или писать свой интерфейс плеера, со своими кнопками, цветами, иконками, управлением и полосой проигрывания.

Answer 2

[Anonymous]

Вы, конечно извините, но научитесь писать. (я про заголовок)

audio { //пишем класс
    display: block; //делаем элемент блочным, чтобы принималась ширина/высота
    width: 100px;
    height: 50px; // в общем, пишем размеры, которые душа пожелает.
}

Comments

[MIHUTKA]

он размеры не изменяет, просто перетаскивает

[Anonymous]

MIHUTKA, покажите

[MIHUTKA]

хоть я сделал как вы написали

[MIHUTKA]

Никита Савченко,

[MIHUTKA]

MIHUTKA, вот такое получается

[Anonymous]

хм... тогда не знаю что подсказать.