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

I'm using simplest html5 audio element like this

我正在使用这样的最简单的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>

this result:

这个结果：

I want to

我要

1) change the height of the control - tried these options nothing worked:

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) Want to change its built in blue color sliders to red - without "building" my own player.

2）想要将其内置蓝色滑块更改为红色 - 无需“构建”我自己的播放器。

2 个解决方案

#1

Sorry, in WinJS is an HTML5 control and currently there is no way to style by using CSS. Instead if you need a custom styled audio player, you could implement it by writing JavaScript code, or use some 3rd party library.

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

#2

Some styling can be achieved with javascript. See https://serversideup.net/style-the-html-5-audio-element/ for details

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