自定义HTML5音频控件赢得'不起作用

Custom HTML5 Audio Controls won't work

本文关键字：不起作用 HTML5 音频 控件 自定义      更新时间：2023-09-26

我正在尝试制作自定义HTML5音频事件按钮。我知道我可以使用控件，但我想自己制作我的代码如下：

<audio autoplay="true" loop src="vid/birth.mp3"></audio>
<button onclick="document.getElementsByTagName('audio').play()">Play</button>
<button onclick="document.getElementByTagName('audio').pause()">Pause</button>

当我加载页面时，音频启动，但控件不起作用，我点击它们，什么也没发生。我做错了什么？

更新：

我发现了一些z索引的问题，这些问题把按钮推到了后台，使它们无法使用。经过一些CSS技巧，我能够使用以下代码使其工作：

<audio id="audio" autoplay="true" loop="1" src="vid/birth.mp3"></audio>
<button onclick="audio.play()">Play</button>
<button onclick="audio.pause()">Pause</button>

更新：

我发现了一些z索引的问题，这些问题把按钮推到了后台，使它们无法使用。经过一些CSS技巧，我能够使用以下代码使其工作：

<audio id="audio" autoplay="true" loop="1" src="vid/birth.mp3"></audio>
<button onclick="audio.play()">Play</button>
<button onclick="audio.pause()">Pause</button>
相关文章：