html5 video on display

 var play_visible_video = function () {
    $('.background-video').each(function () {
        var video = $(this);
        var view = $(window);

        var viewTop = view.scrollTop();
        var viewBottom = viewTop + view.height();

        var videoTop = video.offset().top;
        var videoHeight = video.height();
        var videoMiddle = videoTop + 0.5 * videoHeight;

        if ((viewBottom > videoMiddle) && (viewTop < videoMiddle)) {
            video[0].play();
            video.loop = true;
        } else {
            video[0].pause();
        }
    });
};

$(window).on('scroll', function () {
    play_visible_video();
});