Ошибка Uncaught TypeError: Cannot read property 'addEventListener' of null, в чем может быть трабла?

Спасибо Денис - я заменил код

spoiler

$(function () {
        $(".a305_dragNdrop").draggable({
            revert: "invalid",
            revertDuration: 1,
            stop: function (event, ui) {
                $(".a305_dragNdrop").removeClass('active');
                $(this).addClass('active');
            }
        });
        $(".a305_videoBlock").droppable({
            drop: function (event, ui) {
                $(".a305_dragNdrop").draggable("option", "revert", true).css('opacity', 1);
                $(this).addClass('dropped');
                $(this).find('source').attr('src', 'apps/305/video/' + ui.draggable.attr('rel'));
                $('video')[0].load();
                ui.draggable.css('opacity', 0);
                document.getElementById('video').addEventListener('ended', myHandler, false);
                function myHandler(e) {
                    console.log('++');
                    $('video').find('source').attr('src', 'apps/305/video/a305_base.mp4');
                    $('video').load();
                }
            }
        });
        var video_el = document.getElementById('video');
        if (!video_el) {
            throw new Error("no video object found!");
        }
        video_el.addEventListener('ended', myHandler, false);
        function myHandler(e) {
            console.log('++');
            $('video').find('source').attr('src', 'apps/305/video/a305_base.mp4');
            $('video').load();
        }
    });

и теперь выдает другую ошибку.

spoiler

VM2095:28 Uncaught Error: no video object found!
    at HTMLDocument.<anonymous> (<anonymous>:28:19)
    at j (jquery-1.11.3.min.js:2)
    at Object.add [as done] (jquery-1.11.3.min.js:2)
    at m.fn.init.m.fn.ready (jquery-1.11.3.min.js:2)
    at m.fn.init (jquery-1.11.3.min.js:2)
    at m (jquery-1.11.3.min.js:2)
    at <anonymous>:1:1
    at new controller (template-programmable.js:79)
    at Object.e [as invoke] (angular_1.4.9.min.js:39)
    at N.instance (angular_1.4.9.min.js:80)
(anonymous)	@	VM2095:28
j	@	jquery-1.11.3.min.js:2
add	@	jquery-1.11.3.min.js:2
m.fn.ready	@	jquery-1.11.3.min.js:2
m.fn.init	@	jquery-1.11.3.min.js:2
m	@	jquery-1.11.3.min.js:2
(anonymous)	@	VM2095:1
controller	@	template-programmable.js:79
e	@	angular_1.4.9.min.js:39
N.instance	@	angular_1.4.9.min.js:80
I	@	angular_1.4.9.min.js:61
g	@	angular_1.4.9.min.js:55
(anonymous)	@	angular_1.4.9.min.js:54
$scope.reRunPage	@	pageController.js:84
(anonymous)	@	pageController.js:28
$broadcast	@	angular_1.4.9.min.js:136
(anonymous)	@	navigationFactory.js:24
setPageIndex	@	applicationFactory.js:93
(anonymous)	@	navigationFactory.js:23
getByOrder	@	pagesFactory.js:37
navigateToPageByOrder	@	navigationFactory.js:17
navigateToPageByIncrement	@	navigationFactory.js:109
HybridgeClient.sendToApp.navigate.$scope.navigation	@	applicationUtilsFactory.js:132
scope.arrowNavigate	@	arrowsNavigation.js:51
fn	@	VM2012:4
e	@	angular_1.4.9.min.js:257
$eval	@	angular_1.4.9.min.js:133
$apply	@	angular_1.4.9.min.js:134
(anonymous)	@	angular_1.4.9.min.js:257
dispatch	@	jquery-1.11.3.min.js:4
r.handle	@	jquery-1.11.3.min.js:4

Сразу скажу я не очень разбираюсь в JS но буду очень благодарен за помошь.