这是正在发生的事情.我不希望我的视频全宽.我想要一个特定的宽度.当我更改宽度时,容器会将视频发送到左侧.然后,当我放在中间时,似乎还不错….直到您放大和缩小,然后div /容器/包装器移动视频.
我该如何解决?
放大和缩小时如何使视频div /容器/包装器不移动?
该视频位于导航栏的正下方,因此我确定它与标题的div /包装器宽度有关.请帮忙.
HTML
->
和CSS
div.video-background {
height: 100%;
left: 0;
overflow: hidden;
/*position: fixed;
top: 96px;*/
vertical-align: top;
width: 100%;
/*z-index: -1; */
margin-top:96px;
position:relative;
}
div.video-background video {
min-height: 100%;
min-width: 100%;
z-index: -2 !important;
}
div.video-background > div {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
div.video-background .circle-overlay {
left: 50%;
margin-left: -590px;
position: absolute;
top: 120px;
}
div.video-background .ui-video-background {
display: none !important;
}
.index .sub-footer {
margin-top:0px;
}