Question

我正在尝试制作自定义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-index属性问题正在将按钮推到后台并使它们无法使用。在一些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>

Answer 1

更新

我能够发现有一些z-index属性问题正在将按钮推到后台并使它们无法使用。在一些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>

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

1 个答案: