Javascript 如何在HTML5音频标签中隐藏位置滑块？隐藏“；假；音频元素中的输入元素？

我在（代码在）建立了一个互联网收音机。我使用的是HTML5音频标签

<audio preload id="player" controls>
  <source src="{{srcUrl}}" />
</audio>

因为它只播放流，所以滑块中没有显示任何点。有没有隐藏幻灯片的好方法？理想情况下，不要在顶部放置另一个div使整个区域变黑

在Chrome中，音频元素中似乎有一个输入元素。没有办法隐藏这个输入元素吗？即使它只在Chrome内部工作，也会很棒


（是的，这个问题有点重复——但这个问题不那么精确，这个问题对双方都更有用，也更容易被发现。）


（问题已结束，因此我无法将此添加为答案：）

2015年8月，仍然没有干净的方法来做到这一点。以下是一些有用的库：






不幸的是，您无法隐藏幻灯片。我最近在一个语音信箱应用程序中玩了这个，结果听到了

下面是一个简单的方法示例。。。HTML

<audio controls src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>
  Your browser does not support the <code>audio</code> element.
</audio>
<br/>
Current Time: <span id="currentTime"></span>s

JS

Fiddle:
您能显示html代码吗？添加了html代码，并带有指向源代码的深度链接。
var v = document.getElementsByTagName("audio")[0];
v.addEventListener("timeupdate", function() { 
  document.getElementById('currentTime').innerHTML = Math.floor(v.currentTime);
}, true);