HTML5音频标签宽度

HTML5音频标签宽度,html,layout,html5-audio,Html,Layout,Html5 Audio,我想知道是否可以设置音频标签的宽度。默认情况下,它不是受支持的功能,因此“黑客”将被愉快地接受。 我已经试着把它们放在小沙发和桌子上了,但是看起来不太顺。。。据我所知,我是唯一一个为此烦恼的人,但我真的很感谢你的帮助 无需跨平台/浏览器支持;只要FireFox(3.6++)支持,我就很高兴 关于我将使用什么的快速示例: <audio preload="auto" id="id12" controls="controls" onended="func12();" src="http://19

我想知道是否可以设置音频标签的宽度。默认情况下,它不是受支持的功能,因此“黑客”将被愉快地接受。
我已经试着把它们放在小沙发和桌子上了,但是看起来不太顺。。。据我所知,我是唯一一个为此烦恼的人,但我真的很感谢你的帮助

无需跨平台/浏览器支持;只要FireFox(3.6++)支持,我就很高兴

关于我将使用什么的快速示例:

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

设置它的方式与使用CSS设置任何其他HTML元素的宽度的方式相同:

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,做一个简单的老板:


Chrome播放器在对中之前只能扩展到800px的宽度。