два дня пытаюсь вставить код:
<!-- Video Block #1 -->
<div id="video-block">
<div class="video">
<video playsinline autoplay muted loop poster="<?php echo osc_base_url(); ?>oc-content/themes/veronika/video/posterok.jpg" id="video-play">
<!-- MP4 video -->
<?php if(file_exists( osc_base_path() . 'oc-content/themes/veronika/video/posterok.mp4' )) { ?>
<source src="<?php echo osc_base_url(); ?>oc-content/themes/veronika/video/posterok.mp4" type="video/mp4" />
<?php } ?>
<!-- WEBM video -->
<?php if(file_exists( osc_base_path() . 'oc-content/themes/veronika/video/posterok.webm' )) { ?>
<source src="<?php echo osc_base_url(); ?>oc-content/themes/veronika/video/posterok.webm" type="video/webm" />
<?php } ?>
</video>
<div id="video-play-alt"></div>
<div class="overlay"></div>
</div>
</div>
<!-- END VIDEO BLOK -->
НЕ могу гсс на регистрации юзера пободать может кто делал, подскажите. z index не помогает вернее не решает т.к. футер уходит в виртуалку при 1080*584
/* VIDEO BLOCK */
#video-block {float:left;width:100%;height:450px;display:block;clear:both;position:relative;overflow:hidden;}
#video-block .video {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
#video-block .video video#video-play {z-index:1;position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; transform: translateX(-50%) translateY(-50%); background: url('../video/poster.jpg') no-repeat; background-size: cover; transition: 1s opacity;}
#video-block .video video#video-play-alt {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:none;}
#video-block .video .overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0, 0, 0, 0.4);}
#video-block #video-search {position:absolute;top:50%;margin-top:-85px;left:0;width:100%;z-index:1;text-align:center;}
#video-block #video-search .inside {display:inline-block;margin:0 auto;width:60%;text-align:center;}
#video-block #video-search .inside input, #video-block #video-search .inside select {border-color:#fff;font-size:14px;float:none;display:inline-block;padding:15px 12px;height:47px;margin-right:10px;width:280px;float:left;}
#video-block #video-search .inside input::-webkit-input-placeholder, .add_item textarea::-webkit-input-placeholder {color:#bbb;font-family:"Open Sans",sans-serif;}
#video-block #video-search .inside input:-moz-placeholder, .add_item textarea:-moz-placeholder {color:#bbb;font-family:"Open Sans",sans-serif;}
#video-block #video-search .inside input::-moz-placeholder, .add_item textarea::-moz-placeholder {color:#bbb;font-family:"Open Sans",sans-serif;}
#video-block #video-search .inside input:-ms-input-placeholder, .add_item textarea:-ms-input-placeholder {color:#bbb;font-family:"Open Sans",sans-serif;}
#video-block #video-search .inside button {width:140px;padding:15px 8px;height:47px;float:none;display:inline-block;}
#video-block #video-search .inside .top {float:left;width:100%;}
#video-block #video-search .inside .top {margin-bottom:30px;width:100%;}
#video-block #video-search .inside .bottom {width:430px;display:inline-block;clear:both;}
#video-block h2 {float:left;clear:both;width:100%;text-align:center;font-family:"Open Sans",sans-serif;color:#fff;font-size:40px;margin-bottom:8px;}
#video-block h4 {float:left;clear:both;width:100%;text-align:center;font-family:"Open Sans",sans-serif;color:#fff;font-size:15px;font-weight:500;}