HTML5音频元素 - 更改曲目颜色

时间:2017-01-25 10:43:56

标签: css html5 html5-audio

我使用像这样的最简单的html5音频元素

<audio controls="controls" preload="auto">
    <source src="Happy_Boy_End_Theme.ogg" type="audio/ogg" />
    <source src="podcasts/Happy_Boy_End_Theme.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>

这个结果: enter image description here

我想

1)更改控件的高度 - 尝试这些选项没有任何效果:

<audio controls="controls" preload="auto" height="350px">
<audio controls="controls" preload="auto" style="height: 350px;">
<audio controls="controls" preload="auto" style="height: 50%;">

2)想要将其内置蓝色滑块更改为红色 - 没有&#34;构建&#34;我自己的球员。

2 个答案:

答案 0 :(得分:2)

抱歉,在WinJS中是一个HTML5控件,目前无法使用CSS进行样式设置。相反,如果您需要自定义样式的音频播放器,您可以通过编写JavaScript代码或使用某些第三方库来实现它。

答案 1 :(得分:-1)

使用javascript可以实现一些样式。有关详细信息,请参阅https://serversideup.net/style-the-html-5-audio-element/