2013-10-11 6 views
0

Я использую ниже код для отображения аудио в браузереКак увеличить высоту HTML <audio> тег

<audio controls="controls" id="audio" width="300" height="300" src="<?='audios/remix.mp3'?>" > </audio> 

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

ответ

1

Для аудиотега не существует такого атрибута.

+0

К .. может у меня сказать, какой атрибут можно использовать для аудио тега – lalith458

+0

Для IE и хром [

+0

Вы можете попробовать с помощью тега div и стиля. Но тег видео не имеет этого атрибута, а только тег видео. – Jonysuise

1

Вы можете использовать style="height: 300px;", однако в Firefox это просто отображается как большое пустое пространство над элементами управления. (Тем не менее, щелчок в пространстве делает воспроизведение звука, как и следовало ожидать.)

+0

То же самое в Chrome. – putvande

+0

можно ли увеличить высоту без пробела – lalith458

+1

Это правильный ответ на заданный вопрос. Изменение внешнего вида элементов управления - это другая проблема. Его можно решить, не используя атрибут 'controls' и настраивая собственные элементы управления, которые должны быть ориентированы на JavaScript. –

0

Невозможно создать HTML5 <audio>.

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

<audio id="song" width="300" height="32" ontimeupdate="updateTime()"><source src="path/to/music.mp3" type="audio/mp3" /></audio>  
Your browser does not support the audio tag. 

Вы можете использовать JavaScript + CSS, чтобы сделать обходной путь.

Вот учебник по How To Style the HTML 5 Audio Player

+0

Можно стилизовать элемент 'audio', только не с атрибутами HTML, а с CSS. С другой стороны, стилизация влияет только на такие вещи, как размеры окна, границы и т. Д. Изменение внешнего вида элементов управления - это совсем другое (и урок, связанный с ним, является хорошим началом). –

Смежные вопросы