Присоединение события загрузки к тегу объекта не срабатывает с помощью aurelia

У меня есть всплывающее окно, которое вызывается при нажатии кнопки и содержит видео по внешней ссылке.

<object style="width: 696px; height: 360px;;display:block;" 
                id="educational-info-video-widget"
                name="educational-info-video-widget" data="https_URL" type="application/x-shockwave-flash">
                <param name="movie" value="https_URL">
                <param name="flashvars" value="&amp;autoPlay=false">
                <param name="wmode" value="transparent">
                <param name="allowFullScreen" value="true">
                <param name="allowNetworking" value="all">
                <param name="allowScriptAccess" value="always">
                <param name="bgcolor" value="#000000">
            </object>

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

Как добавить прослушиватели событий к объектам в svg?< /а>

constructor() {
   this.handleBodyClick = function() {
            alert()
        };
}

 attached() {
        document.getElementById("educational-info-video-widget").addEventListener("load", this.handleBodyClick);
    }