是否可以设置音频控制的位置和大小？

我有当控件没有最初显示音频标签，如果用户点击这样的链接上显示它们：是否可以设置音频控制的位置和大小？

var audio = document.getElementById(audioId); 
if (audio.paused) { 
    audio.src = clip; 
    audio.play(); 
    audio.setAttribute("controls", "controls"); 
} 
else { 
    audio.removeAttribute("controls"); 
    audio.pause(); 
    audio.currentTime = 0; 
}

剪辑是音频文件播放的URL。

音频是这样的：

<audio id="audio1"></audio>

我怎样才能设置控件的位置，是否也可以设置其大小？

音频标签列表元素的子元素，为所有其他列表元素，我放置它们如

#track_title { 
    position:absolute; 
    top: 2px; 
    left: 80px; 
    font-size: 15px; 
    font-weight: bold; 
}

来源

2012-09-03 Gruntcakes

没有办法通过CSS对HTML5音频标签来控制HTML5的音频播放器控件。尽管您可能想要离开默认控件并通过javascript实现自己的控件。

但是，现在有一个很好的html5可编辑播放器jPlayer，它证明是非常有用的。

来源

2012-09-03 04:03:38 defau1t

谢谢，是不是可以用css定位默认控件的位置？ – Gruntcakes

我也怀疑过。但我强烈建议你通过javascript创建自己的控件。这也将照顾渐进式增强。假设明天更新发布给玩家，并且他们可能会因为使用css来设计风格来满足您的当前需求而导致控件崩溃。 – defau1t

您可以使用Media API来构建自己的一组控件，让您可以像使用CSS一样通过CSS对其进行设置，就像任何其他HTML元素一样。我写了关于如何在Adobe Developer Connection上执行此操作的文章：Working with HTML5 multimedia components – Part 3: Custom controls。

来源

2012-09-03 08:27:53

是否可以设置音频控制的位置和大小？

回答

相关问题