Медленный fadeIn на странице с видео - Chrome

Question

У меня есть, чтобы замедлить эффект fadeIn, когда я tring, чтобы показать простое всплывающее окно, нажав кнопку. Без видео все это прекрасно работает. видео на моей странице имеют размер 100% и фиксированное положение

video#bgvid{ 
    position: fixed; right: 0; bottom: 0; 
    min-width: 100%; min-height: 100%; 
    width: auto; height: auto; z-index: -100; 
    background-size: cover; 
} 

Кроме того, есть всплывающее окно HTML код

<div class="blackpopup"> 
    <div class="container"> 
    </div> 
</div> 

И CSS:

.blackpopup{ 
    display: none; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    left: 0; 
    top: 0; 
    background-color: rgba(0,0,0,0.58); 
} 

код Javascript прост:

var popUpThank = jQuery(".blackpopup"); 
    var submitButton = jQuery("#submit"); 

    submitButton.click(function(e){ 
     e.preventDefault(); 
     popUpThank.fadeIn(); 
    }); 

Итак, как сделать это не так медленно и где проблема?

Answer 1

Ответ: не насыщает память браузера черным тяжелым видео. Попробуйте сделать то же самое, удалив тег видео, он будет работать. Сжимайте его лучше или с низким качеством, так как это фоновый объект. Я могу указать вам приложение для сжатия Sorenson.