[Javascript] Video

[ZeroXT]

Chrome triggert geen enkele event die ik koppel aan het video-element. In IE en Firefox werkt het onderstaande wel:

JavaScript:

vid = document.createElement('video');
vid.src = '/video/voorbeeld.mp4';
vid.setAttribute('autoplay',true);

document.body.appendChild(vid)

vid.onended = function() {
    console.log('Eind!');
}

vid.ontimeupdate = function() {
    console.log('Time!');
}

Ik heb hier gelezen dat de video eerst geïnitialiseerd moet worden voordat de events aan het object gekoppeld kunnen worden maar ook dit werkt niet bij mij.

Ik moet het video-element geheel met Javascript opbouwen.

[C0rnelis]

Blijkt dat het wel werkt in Chrome wanneer je de functies aangeeft bij de attributen.

HTML:

<video src="/video/voorbeeld.mp4" autoplay="true" controls="controls" ontimeupdate="update();" onended="end();"></video>

JavaScript:

end = function() {
    console.log('Eind!');
}
update = function() {
    console.log('Time!');
}

edit:
een andere mogelijkheid is het gebruik van/kijken hoe anderen het doen: http://afarkas.github.io/...s/demos/mediaelement.html

[ Voor 18% gewijzigd door C0rnelis op 20-07-2013 20:52 ]

[Bosmonster]

Events bind je met addEventListener, dan werkt het gewoon zoals het hoort.