與視頻頁面緩慢淡入 - Chrome

當我點擊按鈕顯示簡單的彈出窗口時，我有一個緩慢的淡入效果。沒有視頻，所有的工作都很好。視頻我的頁面上有100％的大小和位置固定與視頻頁面緩慢淡入 - Chrome

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(); 
    });

所以，如何讓它不那麼慢，問題在哪裏？

來源

2014-10-04 Artem Kyba

那麼問題在哪裏？ – 2014-10-04 12:25:36

對不起，我更新了我的問題 – 2014-10-04 12:29:04

在Firefox上看起來很好，視頻正在播放，但是當您點擊註冊彈出窗口時通常會消失。 – artm 2014-10-04 12:40:18

答案是：沒有讓瀏覽器的內存飽滿地沉重的視頻。嘗試做同樣的刪除它將工作的視頻標籤。壓縮它更好，或低質量，因爲它是一個背景對象。我可以指出你的sorenson擠壓應用程序。

來源

2014-10-04 12:46:15

感謝您的回答。我想這是很好的解決方案 – 2014-10-04 12:49:32

與視頻頁面緩慢淡入 - Chrome

回答

相關問題