<div class="callOutVideo">
<div id="video-container">
<video autoplay loop class="fillWidth">
<source src="http://www.eclarify.com/videos/background.mp4" type="video/mp4" type="video/mp4/>
<source src="http://www.eclarify.com/videos/background.ogg" type="http://leongaban.com/video/ogg/>
<source src="http://www.eclarify.com/videos/background.webm" type="video/webm"/>
Your browser does not support the video tag. I suggest you upgrade your browser. </video>
<div class="calloutStrip__content">
<p class="callOutStrip__heading"><span class="dashes">-</span> A Sign of Something Better <span class="dashes">-</span></p>
<a class="btns btn2" href="/success-stories/">Customer Success Stories</a> </div>
</div>
</div>
/*Downloaded from https://www.codeseek.co/nickberens360/video-background-billboard-gavWEm */
.callOutStrip__heading{
font-size:40px;
color:#fff;
position:relative;
}
.callOutStrip__heading{
position:relative;
}
.btn2{
display: inline-block;
color: #fff;
opacity: 1;
cursor: pointer;
-webkit-transition: all .25s;
transition: all .25s;
position: relative;
border: none;
font-weight: bold;
text-transform: uppercase;
border-radius: 10px;
font-size: 14px;
padding: 10px 25px;
vertical-align: middle;
text-align: center;
text-decoration:none;
background:#52a7e0;
}
.callOutVideo {
border-right: none;
border-left: none;
position: relative;
.calloutStrip__content{
text-align:center;
position: absolute;
top: 0;
z-index: 1000;
text-align: center;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
}
#video-container {
top: 0%;
left: 0%;
height: 0;
padding-bottom:23.544929059%;
width: 100%;
overflow: hidden;
}
video {
position: relative;
z-index: 0;
}
video.fillWidth {
width: 100%;
}
/*Downloaded from https://www.codeseek.co/nickberens360/video-background-billboard-gavWEm */
Bootstrap
Angular
ReactJS
jQuery
VueJS
HTML
CSS
JavaScript
