#html #layout #html5-audio
#HTML #макет #html5-аудио
Вопрос:
Мне было интересно, возможно ли установить ширину аудиотега. По умолчанию эта функция не поддерживается, поэтому «взломы» будут с радостью приняты.
Я уже пробовал размещать их в небольших div и таблицах, но это выглядит не очень гладко… Насколько я могу видеть, я единственный, кто беспокоится об этом, но я действительно ценю некоторую помощь
Нет необходимости в кроссплатформенной / браузерной поддержке; я доволен, пока FireFox (3.6 ) поддерживает это.
Краткий пример того, что я буду использовать:
<audio preload="auto" id="id12" controls="controls" onended="func12();" src="http://192.168.1.68/mymusic.wav"></audio>
Комментарии:
1. Вы также можете рассмотреть
zoom: 70%;
Ответ №1:
Установите его так же, как вы устанавливаете ширину любого другого HTML-элемента, с помощью CSS:
audio { width: 200px; }
Обратите внимание, что audio это встроенный элемент по умолчанию в Firefox, поэтому вы также можете установить для него значение display: block . Вот пример.
Комментарии:
1. Жаль, что Chrome Player расширяется только до ширины 800 пикселей, прежде чем центрироваться.
Ответ №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>