.video {
    width: 100%;
	position: relative;
	padding: 0; 
	background:#000;
	height:auto;
	background:url(loading-bert.gif) no-repeat center center;
}                                

.video iframe,
.video object, 
.video embed,
.video video{
           position: absolute; 
           top: 0;                     
           left: 0;                       
           width: 100% !important;                   
           height: 100% !important;                   
}

.video{padding-top:56.25%;/* Default ratio 16:9 */}
.video[data-ratio="16:10"]{padding-top:62.5%;}
.video[data-ratio="4:3"]{padding-top:75%;}
.video[data-ratio="3:2"]{padding-top:66.66666666666666%;}
.video[data-ratio="1:1"]{padding-top:100%;}
.video[data-ratio="2.4:1"]{padding-top:41.66666666666667%;}
.video > div{
display: block !important;
width:100% !important;
max-width:100% !important;
max-height:none !important;
min-height:0 !important;
height:100% !important;
top:0 !important;
left:0 !important;
}
@media(max-width:768px) {
	.video{padding-top:86.25%;/* Default ratio 16:9 */}
}