Question

当我通过点击按钮显示简单的弹出窗口时，我有一个减慢淡入淡出效果。没有视频，所有这一切都很好。我页面上的视频具有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挤压应用程序。

慢速淡入带有视频的页面 - Chrome

1 个答案: