Adding Event Handler

 

Related Specification Main Reason Applies to
addEventListener, HTMLMediaElement Web Engine Change webOS TV v2.0 and earlier

Backward Compatible Code

When adding an event handler, you MUST use addEventListener() to make the code works on all versions of webOS TV:

var vid = document.getElementById("myVideo");

vid.addEventListener("loadeddata", function (event) {
    log(JSON.stringify(event));
});

<!-- HTML Code -->
...
<video id="myVideo">
    <source src="./video/oceans-clip.mp4" type="video/mp4" />
</video>

Why Use This Code?

In webOS TV 1.x and 2.0, when the event of HTMLMediaElement occurs, only the event handler registered by addEventListener() function can be called. As below, if you have added an event handler as a property type, it will not work correctly.

var vid = document.getElementById("myVideo");

vid.onloadeddata = function (event) {
    log(JSON.stringify(event));
});

<!-- HTML Code -->
...
<video id="myVideo">
    <source src="./video/oceans-clip.mp4" type="video/mp4" />
</video>
Navigation