HTML5音频元素 - 更换轨道颜色

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

这个结果音频元素：

我想

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）想要将其内置的蓝色滑块更改为红色 - 无需“建立”我自己的播放器。

来源

2017-01-25 Kukula Mula

http://stackoverflow.com/questions/21684398/how-to-customize-html5-audio-player你可能会发现这个以前的stackoverflow问题很有用！ :) –

@DanVinnicombe这实际上是**我所要求的**我想要使用默认的音频标签，而不是像我一样自定义它，也自2014年以来，许多变化已引入音频标签与HTML5 –

一些造型可以用JavaScript来实现。有关详细信息，

来源

2017-01-25 10:47:06 mayersdesign

请避免添加链接，因为它可能成为在不久的将来无效。 –

那么推荐的方法是什么？ – mayersdesign

尝试使用示例代码段在这里解释的代码。 –

对不起见https://serversideup.net/style-the-html-5-audio-element/，在WinJS是HTML5的控制和目前还没有办法通过风格使用CSS。相反，如果你需要一个自定义风格的音频播放器，你可以通过编写JavaScript代码实现它，或者使用一些第三方库。

来源

2017-01-25 11:08:33

是的，我知道我可以嵌入第三方，我用Google搜索前询问这里的解决方案。因为我没有找到任何东西，所以希望其中的一个人在这里攻击它。 –

HTML5音频元素 - 更换轨道颜色

回答

相关问题