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

Question

我有一个音频标签，其中最初没有显示控件，如果用户点击这样的链接，就会显示它们：

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;
}

clip是要播放的音频文件的url。

音频是这样的：

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

我如何设置控件的位置，是否也可以设置控件的大小？

音频标签是列表元素的子元素，对于所有其他列表元素，我将它们定位为

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

Answer 1

没有办法通过html 5音频标签的CSS来控制html 5音频播放器控件。尽管您可能希望保留默认控件，并通过javascript实现自己的控件。

然而，有一个很好的现有的html5主题播放器，名为jPlayer，它被证明是非常有用的。

Answer 2

您可以使用Media API来构建自己的控件集，允许您像其他HTML元素一样，通过CSS按照自己的意愿对它们进行样式设置。我在AdobeDeveloperConnection上写过如何做到这一点：使用HTML5多媒体组件——第3部分：自定义控件。