В чем разница между onended и ended, зачем ставить on

В джаваскрипте можно перехватить такое событие, как окончание воспроизведение видео. Это свойство объекта video называется onended.

video.onended = nextVideo;

Если видео закончилось, то будет запущена функция nextVideo

Но такие свойства событий video в некоторых браузерах работают с ошибками и неравномерно, поэтому можно использовать другую конструкцию:

video.addEventListener ("ended", nextVideo, false);

Метод addEventListener с событием ended выполняет ту же работу, что и первый вариант.

video - это объект который мы получили с помощью getElementById

ended - событие которое мы ведем. Мы не ставим 'on' переде именем события, как в случае с обработчиком (например onclick, onload)

nextVideo - функция которая вызывается при наступлении события

false - этот параметр контролирует продвинутые методы получения событий (установить в true).