Пользовательские элементы управления HTML5 Audio не будут работать

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> 

Когда я загрузить страницу аудио начинается, но управление не будет работать, я нажимаю их и ничего не происходит. Что я делаю неправильно?

Update:

Я был в состоянии понять, что имел некоторые вопросы г-индекс atribute, который толкал кнопки на фоне и делает их непригодными для использования. После некоторого 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

Update:

Я был в состоянии понять, что имели некоторые вопросы г-индекс atribute, который толкал кнопку фон и сделать их непригодными для использования. После некоторого 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>