Мне было интересно, можно ли установить ширину звукового тега. По умолчанию это не поддерживается, поэтому "хаки" будут с радостью приняты.
Я уже пробовал поместить их в маленькие div и таблицы, но это выглядит не очень гладко... Насколько я вижу, я единственный, кто беспокоится об этом, но я действительно ценю некоторую помощь
Нет необходимости в поддержке кросс-платформенной/браузеров; Я счастлив, пока поддерживает FireFox (3.6 ++).
Быстрый пример того, что я буду использовать:
<audio preload="auto" id="id12" controls="controls" onended="func12();" src="http://192.168.1.68/mymusic.wav"></audio>
Установите его так же, как вы установили ширину любого другого элемента HTML, с CSS:
audio { width: 200px; }
Обратите внимание, что audio является встроенным элементом по умолчанию в Firefox, поэтому вы также можете установить его на display: block. Вот пример.
Для тех, кто ищет встроенный пример, вот один из них:
<audio controls style="width: 200px;">
<source src="http://somewhere.mp3" type="audio/mpeg">
</audio>
Похоже, что он не соблюдает настройку "высота", по крайней мере, не удивительно. Но вы всегда можете "настраивать" элементы управления, но создавать собственные элементы управления (вместо использования встроенных) или использовать какой-то виджет, который аналогичным образом создает свой собственный:)
Вы также можете установить ширину звукового тега с помощью JavaScript:
audio = document.getElementById('audio-id');
audio.style.width = '200px';
Вы можете использовать html и быть боссом с простыми вещами:
<embed src="music.mp3" width="3000" height="200" controls>