删除徽标div时隐藏视频

时间:2015-07-24 16:21:02

标签: html css css3 video browser

伙计堆垛机你好。

我有一个小问题。我试图将我的网页复制到另一个页面,但每当我尝试删除徽标时,视频都会消失。不确定为什么。我已经输入了代码,但是我并不认为它有多大用处,因为它可以自行查找,这使我相信我的代码中有一些东西依赖于那里的徽标。你的帮助很大。实例是here。如果你检查任何浏览器上的元素并删除徽标,你会发现它消失了。



 .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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您的徽标图片为容器提供了所有高度。

试试这个:

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

解决问题。