html 5 largeur de la balise audio
je me demandais s'il était possible de régler la largeur de la balise audio. Ce n'est pas une fonctionnalité prise en charge par défaut, donc les "hacks" seront acceptés avec plaisir.
J'ai déjà essayé de les mettre dans des petites div's et des tables, mais ça n'a pas l'air très lisse... D'après ce que je vois, je suis le seul à m'en préoccuper, mais j'apprécie vraiment l'aide
il n'y a pas besoin de support multi-plateforme / navigateur; Je suis content aussi longtemps que FireFox (3.6 ++) prend en charge.
exemple rapide de ce que je vais utiliser:
<audio preload="auto" id="id12" controls="controls" onended="func12();" src="http://192.168.1.68/mymusic.wav"></audio>
4 réponses
définissez-le de la même façon que vous définissez la largeur de tout autre élément HTML, avec CSS:
audio { width: 200px; }
notez que audio est un élément inline par défaut dans Firefox, donc vous pourriez aussi vouloir le définir à display: block . voici un exemple .
pour ceux qui cherchent un exemple en ligne, en voici un:
<audio controls style="width: 200px;">
<source src="http://somewhere.mp3" type="audio/mpeg">
</audio>
il ne semble pas respecter un réglage de" hauteur", du moins pas awesomely. Mais vous pouvez toujours "personnaliser" les commandes, mais créer vos propres commandes (au lieu d'utiliser les commandes intégrées) ou utiliser le widget de quelqu'un qui crée de la même manière ses propres commandes:)
vous pouvez également définir la largeur d'une étiquette audio par JavaScript:
audio = document.getElementById('audio-id');
audio.style.width = '200px';
vous pouvez utiliser html et être un patron avec des choses simples:
<embed src="music.mp3" width="3000" height="200" controls>