我正在尝试制作自定义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>
最佳答案
更新:
我能够发现存在一些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>
关于javascript - 自定义HTML5音频控件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26331462/