Test of youtube embeds

[phenomlab]

@Madchatthew no, you just need to be in NodeBB root

[Sampo2910]

This is a nice embed plugin but…the size of the embed is very small. I used one in the past that was bigger but cannot remember which one

[phenomlab]

@Sampo2910 nothing that CSS can’t fix

[JAC]

@phenomlab I have the exact same issue.

[Sampo2910]

@phenomlab Can you enlighten me with some please

Not in my skill set.

[phenomlab]

@Sampo2910 @jac you just need to target the iframe itself (be aware that this will affect all other iframes, so you may want to be more specific if need be). Something like this will work - just play with the height and width values to get the desired result.

iframe {
    height: 400px;
    width: 400px;
}

[Sampo2910]

@phenomlab Perfect …Thank you.

[Sampo2910]

@phenomlab said in Test of youtube embeds:

be aware that this will affect all other iframes, so you may want to be more specific

Is there a way that we can only be specific to this embed?

[phenomlab]

@Sampo2910 yes, you could try

iframe[src*="youtube"] {
    height: 400px;
    width: 400px;
}

This is of course an example that looks for “youtube” in the src string. You’d need to adapt it as necessary. The only other way possible here would be to assign a div ID to the container but that would require a change to the underlying plugin code.

If you need to apply this to mobile only views, it’ll be to be

@media (max-width: 767px) {
    iframe {
        height: 370px;
        width: 360px !important;
    }
}

[Sampo2910]

@phenomlab Perfect!!! Many thanks.