1

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

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

2 回答 2

0

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

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

于 2012-09-03T04:03:38.427 回答
0

您可以使用 Media API 来构建您自己的一组控件，让您可以像任何其他 HTML 元素一样通过 CSS 为它们设置样式。我在 Adob​​e Developer Connection：使用 HTML5 多媒体组件 - 第 3 部分：自定义控件上写了关于如何做到这一点的文章。

于 2012-09-03T08:27:53.440 回答