Woke up to see miscroshit is buying GitHub and saw atleast 3~4 rants about

Alright we get it, stop being redundant, I'm dealing with iframes and YouTube iframes with jQuery already

I just had an issue with making iframes responsive... After reading your last few rants it seems like you're really struggling (and going a lot more in depth).

Good luck

@Stuxnet to make them responsive set it in a videoWapper and set height and width of iframe 100%

@dextel2 I forgot to set max-width 😂🙃

.videoWrapper {

position: relative;

padding-bottom: 56.25%;

padding-top: 25px;

height: 0;

max-width:100%;

}

.videoWrapper iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

videoWrapper img:hover {

-webkit-filter: brightness(75%);

}

.videoWrapper .play {

height: 72px;

width: 72px;

left: 50%;

top: 50%;

margin-left: -36px;

margin-top: -36px;

position: absolute;

background: url("//i.imgur.com/TxzC70f.png") no-repeat;

cursor: pointer;

}

This is how I did it and iframe is inside a div with custom width

That seems overkill for my situation. I just have <iframe blah blah style="max-width: Xpx;">

Then set the width to the appropriate percentage on the stylesheet.

Used a few media queries to make it the size I wanted for the mobile.

@dontbeevil okay