Html 5 ширина аудио метки

Мне было интересно, можно ли установить ширину звукового тега. По умолчанию это не поддерживается, поэтому "хаки" будут с радостью приняты.
Я уже пробовал поместить их в маленькие div и таблицы, но это выглядит не очень гладко... Насколько я вижу, я единственный, кто беспокоится об этом, но я действительно ценю некоторую помощь

Нет необходимости в поддержке кросс-платформенной/браузеров; Я счастлив, пока поддерживает FireFox (3.6 ++).

Быстрый пример того, что я буду использовать:

<audio preload="auto" id="id12" controls="controls" onended="func12();" src="http://192.168.1.68/mymusic.wav"></audio>

Ответ 1

Установите его так же, как вы установили ширину любого другого элемента HTML, с CSS:

audio { width: 200px; }

Обратите внимание, что audio является встроенным элементом по умолчанию в Firefox, поэтому вы также можете установить его на display: block. Вот пример.

Ответ 2

Для тех, кто ищет встроенный пример, вот один из них:

<audio controls style="width: 200px;">
   <source src="http://somewhere.mp3" type="audio/mpeg">
</audio>

Похоже, что он не соблюдает настройку "высота", по крайней мере, не удивительно. Но вы всегда можете "настраивать" элементы управления, но создавать собственные элементы управления (вместо использования встроенных) или использовать какой-то виджет, который аналогичным образом создает свой собственный:)

Ответ 3

Вы также можете установить ширину звукового тега с помощью JavaScript:

audio = document.getElementById('audio-id');
audio.style.width = '200px';

Ответ 4

Вы можете использовать html и быть боссом с простыми вещами:

<embed src="music.mp3" width="3000" height="200" controls>