Добавление прослушивателя событий к звуковому тегу HTML5 в JavaScript

Question

Привет, я создаю новый элемент аудио тега в Javascript, это код:

var audio = document.createElement("audio");
audio.setAttribute("id","myid");
audio.setAttribute("autoplay","autoplay");
document.body.appendChild(audio);

прежде чем добавить его в тело, я бы хотел добавить обработчик события onended, я попробовал что-то вроде этого:

audio.onended = foo;

где foo что-то вроде: function foo () {alert ('Hola')}

и

audio.setAttribute("onended","foo()");

в обоих случаях это не сработало. В первом случае звуковой тег добавляется без какого-либо встроенного обработчика событий; в то время как во втором случае добавляется звуковой тег, событие onended находится в атрибутах, но не запускается.

У кого-нибудь есть идеи?

спасибо заранее.

-Z-

Answer 1

try:

audio.addEventListener('ended', foo);

Это правильный и стандартный метод добавления прослушивателей событий.

Answer 2

Во-первых, убедитесь, что у аудиоэлемента есть событие, прежде чем использовать его. Предположим, что HTMLAudioElement - это аудио, вы можете проверить его следующим образом audio.hasOwnProperty('onended')

На основе моего браузера это не такподдержка.

Answer 3

Я нашел этот очень полезный jsfiddle из Google: http://jsfiddle.net/aarongloege/fzXsT/light/

{Code on /*jsFiddle*/}