如何隐藏 HTML5 音频控件？

发布于 2024-11-01 23:13:09 字数 386 浏览 3 评论 0原文

如何隐藏 HTML5 音频的浏览器特定控件？我正在制作缩略图来代表每个曲目和要播放/暂停的 JavaScript。

谢谢！

HTML：

<audio class="thumbnail" id="paparazzi" controls="none">
    <source src="song.ogg" type="audio/ogg" />
    <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
    Your browser does not support HTML5 audio.
</audio>

原文

How can I hide HTML5 audio's browser specific controls? I'm making thumbnail images to represent each track and JavaScript to play/pause.

Thanks!

HTML:

<audio class="thumbnail" id="paparazzi" controls="none">
    <source src="song.ogg" type="audio/ogg" />
    <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
    Your browser does not support HTML5 audio.
</audio>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梅倚清风 2024-11-08 23:13:09

控件属性是一个布尔属性。这意味着如果指定了，controls 为 true，如果未指定，controls 为 false。

就有效性而言，如果您希望控件为真，可以通过以下方式指定它：

<audio controls>
<audio controls="controls">
<audio controls="">

The controls attribute is a boolean attribute. This means that if it's specified, controls is true and if it's not specified, controls is false.

As far as validity goes, if you want controls to be true, you can specify it these ways:

<audio controls>
<audio controls="controls">
<audio controls="">

回复收藏 0 原文

靑春怀旧 2024-11-08 23:13:09

根本不要指定 controls 属性，这应该会阻止它显示（我在 5 秒的谷歌搜索后得到了这个，不要引用我的话）。

HTML5 视频 - 以编程方式显示/隐藏控件

回复收藏 0 原文

浮萍、无处依 2024-11-08 23:13:09

 var audio = document.getElementById('audioFile');
    audio.controls = false;



    <audio  id="audioFile" width="100%" height="auto" controls>
              <source src="xyz.mp3" type="audio/mpeg">
              </audio>

 var audio = document.getElementById('audioFile');
    audio.controls = false;



    <audio  id="audioFile" width="100%" height="auto" controls>
              <source src="xyz.mp3" type="audio/mpeg">
              </audio>

回复收藏 0 原文

~没有更多了~