Wideo w tle i slider nie dzialaja na Firefoxie.

Oto link do mojej strony online: https://infinite-reef-71480.herokuapp.com/ Łatwiej pokazać o co chodzi.

Mam nastepujące kłopoty:

1. Preloader chyba działa, ale nawet pomimo wczytania zdjeć i nagrań wcześniej, zdjecia na Chromie pojawiaja sie nagle, na Operze pikseluja a na Firefoxie nie dziala zaden efekt przejscia.

2. Wideo w tle dziala na Chromie i Operze, ale nie dziala na firefoxie. Mam je w 3 rozszerzeniach: mp4, ogv, webm.

Uzywam jquery.videoBG plugin.

https://github.com/sydlawrence/jquery.videoBG

http://syddev.com/jquery.videoBG/demo_div.html

Co robie zle, ze powstrzymuje to od dzialania na firefoxie? Uzywam prefixera wiec to nie powinno byc problemem.

Moj kod JS

// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BACKGROUND VIDEO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
if (viewportWidth > 1400) {
$(".video").videoBG({
    mp4: './Assets/Videos/homepage.mp4',
    ogv: './Assets/Videos/homepage.ogv',
    webm: './Assets/Videos/homepage.webm',
    poster: './Scripts/Lib/jquery.videoBG-master/assets/christmas_snow.jpg',
    loop: true,
    autoplay: true,
    position: "fixed",
    zIndex: -1
});// Toggle mute button
var $video = $('.video video');
$().prop('muted', true);
var $muteButton = $('#volume');
$($muteButton).fadeIn(500);
$($muteButton).click(function () {
    if ($($video).prop('muted') == true) {
        muteVideo();
    } else {
        unmuteVideo();
    }
});
}

function muteVideo() {
$($video).prop('muted', false);
$('#volume').attr('src', './Assets/Images/Mute_Icon.svg');

}
function unmuteVideo() {
$($video).prop('muted', true);
$('#volume').attr('src', './Assets/Images/Speaker_Icon.svg');
}