当删除徽标div时，视频隐藏

Question

大家好。

我有个小问题。我试图复制我的网页为另一页，但每当我试图删除徽标的视频消失。不知道为什么。我已经输入了代码，但我不认为它有多大用处，因为它的工作发现自己，这让我相信，有一些东西在我的代码依赖于那里的标志。非常感谢你的帮助。下面是实际示例。如果您在任何浏览器上检查元素并删除徽标，您会发现它消失了。

 .Intro-Video {
     position: relative;
     z-index: 9999;
     width: 100%;
     display: block;
     background-color: #fff;
     overflow: hidden;
 }
 .Intro-Video1 {
     position: relative;
     z-index: 9999;
     width: 100%;
     display: block;
     margin-top: 200px;
     background-color: #fff;
     overflow: hidden;
 }
 .video-box {
     height: 100%;
     width: 100%;
     position: relative;
 }
 #video-container {
     height:100%;
     width:100%;
     overflow: hidden;
 }
 video {
     position:absolute;
     z-index:0;
 }
 video.fillWidth {
     width: 100%;
 }
.Kadeem-Logo {
     position: relative;
     top: 0px;
     width: 100%;
     display:block;
 }
 .Kadeem-Logo img {
     display: block;
     width: auto;
     max-width: 100%;
 }

                <div class="video-box">
                    <div id="video-container">
                        <video autoplay class="fillWidth">
                            <source src="http://client.hugoandmarie.com.s35719.gridserver.com/client/AlexandraPosen/Alex_Posen_Video.mp4" type="video/mp4" />
                        </video>
                        
                         <div class="Kadeem-Logo">
                             <img src="http://www.kadeem.london/Content/Image/KL.png" alt="Kadeem Logo" title="Kadeem Logo">
                         </div>
                    </div>
                </div>
            </div>

Answer 1

您的标志图像为容器提供了所有的高度。

试试这个:

#video-container {
  height: 550px; /* Or whatever height you want */
}

修复此问题