Tip any network. Css, Html fluent iframe videos!!

[George H. Compton IV]

Css, Html fluent iframe videos!!
Click here to see it in action.

 

Design Studio, custom CSS, Global CSS

/* CSS gframe iframe */
/* Design Studio, custom CSS, Global CSS */
.gframe iframe{
position: absolute!important;
left:0px!important;
margin-left:0px!important;
display: inline-block!important;
width:100%!important;
height:100%!important;}
.gframe{
margin:10px!important;
display: inline-block!important;
vertical-align: middle!important;
float: none!important;
position: relative!important;
margin-left:0px;
width:47%!important;
height:auto;
padding-bottom:27%!important;
border: 0px solid rgba(000, 000, 000, 1)!important;
border-radius:8px 8px 8px 8px!important;
-webkit-border-radius:8px 8px 8px 8px!important;
-khtml-border-radius:8px 8px 8px 8px!important;
box-shadow: 0px 0px 3px 6px rgb(000, 000, 000)!important;
-webkit-box-shadow: 0px 0px 3px 6px rgb(000, 000, 000)!important;
overflow: hidden!important;
}
.gframe.geo{
width:79%!important;
padding-bottom:45%!important;
}
.gframes{
text-align: center!important;
}
@media screen and (max-width:1025px) {
body .gframe.geo,
body .gframe{
width:75%!important;
padding-bottom:42%!important; }}
/* End CSS gframe iframe */

 

The HTML go's in any singal collom page.

<div class="gframes">
<div class="gframe geo"><iframe width="560" height="315" src="https://www.youtube.com/embed/lydBPm2KRaU?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe width="560" height="315" src="//www.youtube.com/embed/X0gA2mxbjSY" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe width="560" height="315" src="https://www.youtube.com/embed/VwSIj4dyhtQ" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe width="560" height="315" src="https://www.youtube.com/embed/YbwhXFbsyVw" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe src="https://www.youtube.com/embed/OgStk7WlheE" allowfullscreen="allowfullscreen" frameborder="0" height="315" width="560"></iframe></div>
</div>

 

 

[⚡JFarrow⌁]

Love it... awesome G!  Good to see you back!

[George H. Compton IV]

Thank you ⚡JFarrow⌁,..

Really I haven't finished this discussion, there is a lot more you can do with the gframes.. I will update this discussion as soon as I have time..

You have a wonderful day my friend. :)

[⚡JFarrow⌁]

would love to learn more about GFrames