responsive youtube videos?

[relipse]

Hello, I'm trying to embed youtube videos and I used data-featherlight="<iframe...." but for some reason it shows at a huge width, with a smaller browser it gets cut off. Any ideas.

[lplohmann]

Same happened to me. In my case, .featherlight-content margins were set to 10% (.featherlight .featherlight-content, margins are declared at line 61), but its width to 90% (.featherlight-iframe .featherlight-content, width declared at line 125). You should adjust one or another so they add up to 100%.

[robneu]

Duplicate of #188

[niente0]

I solved my responsive video issue with this css:

.featherlight-content {
max-width: 1024px;
max-height: 576px !important;
width: 96vw;
height: 54vw; /* NOTE: vw instead of vh */
}

IFRAME.featherlight-inner {
width:100%;
height:100%;
max-width: 1024px;
max-height: 576px;
}

Remember to remove any data-featherlight-iframe-width and data-featherlight-iframe-height attributes from the A tag!

Cheers!