[nodebb-plugin-youtube] Youtube Embed Plugin

[psychobunny]

Simple YouTube embed plugin for NodeBB. Just paste the youtube link/shortlink and it will create an inline video for your posts.

Install via NPM:

npm install nodebb-plugin-youtube

And then activate the plugin in the control panel as per usual.

More Info on

GitHub - psychobunny/nodebb-plugin-youtube: A NodeBB plugin that allows users to embed YouTube videos inline in their posts.

A NodeBB plugin that allows users to embed YouTube videos inline in their posts. - GitHub - psychobunny/nodebb-plugin-youtube: A NodeBB plugin that allows users to embed YouTube videos inline in their posts.

GitHub (github.com)

You'll need NodeBB version 0.0.7 or later for this plugin to work.

[julian]

@quahfamili

[quahfamili]

This is awesome haha

[Steve]

npm install nodebb-plugin-youtube

absolutely killer thanks.. first plugin i looked for after a link didn't work too

[joao]

Awesome
Thanks for this plugin @psychobunny

[Pablo Macaluso]

Maybe a Resizer for mobile ?

[julian]

That would actually be a bug.. the embed link should actually be smaller if at all possible.

[trevor]

How do I turn off embeds alltogether?

[julian]

Remove or deactivate the YouTube plugin?

[trevor]

This post is deleted!

[trevor]

Oh, figured it out.

[xCausxn]

I added this to the style.css too optimise better for phones and tablets.

iframe.youtube-plugin {
border: 0;
height: 360px;
width: 640px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

iframe.youtube-plugin {
border: 0;
height: 180px;
width: 100%;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

iframe.youtube-plugin {
border: 0;
height: 360px;
width: 100%;
}

}

[psychobunny]

@xCausxn thanks feel free to submit a PR and I will merge it in

[Pablo Macaluso]

Theres any way to make responsive the videos on mobile? Thats a must have app hehe

[Pablo Macaluso]

@xCausxn thanks i fixed it with your help !!

[xCausxn]

@Pablo-Macaluso no worries mate

[Bri]

Hey @psychobunny while you're updating packages... do you want to update this one too? there are a few pull requests for responsive updates but the one in npm has none of the updates

[psychobunny]

Thanks @bdharrington7 too many repos haha

[Bri]

Awesome thanks!

[torybriggs]

I've used a small jQuery library called

FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

(fitvidsjs.com)

on projects in the past and it has worked great.