Не работает запуск/стоп HTML5 видео через jQuery

Есть HTML5-видео:

<video class="video js-video" controls>
    <source src="./video/video.mp4" type="video/mp4">
</video>

Пытаюсь сделать запуск/паузу видео через jQuery:

$(document).ready(function() {

    var video = $(".js-video");

    function togglePlay() {
        if (video.paused || video.ended) {
            video.play();
        } else {
            video.pause();
        }
    }

    $(".js-play").click(function(){
        togglePlay();
    });

});

Но запуск/стоп не работают. В консоли появляются ошибки:

В чем может быть проблема?