Test of youtube embeds

[Panda]

Ok that test worked so ns can embed even the unusual shortened youtube links.

Ive forgotten how to instal plugins on the server, as its not whitelisted will need to do it that way.
@phenomlab could you remind me please?

[phenomlab]

@Panda said in Test of youtube embeds:

could you remind me please?

You’ll need to get a CLI session to your server and from the directory where nodebb is installed, run

npm install nodebb-plugin-ns-embed

Then activate the plugin in the usual manner and rebuild

[Madchatthew]

@phenomlab Do you need to be in the plugins folder to run that, or does it automatically install the plugin into the plugins folder?

[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.