[nodebb-plugin-youtube] Youtube Embed Plugin

[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 on projects in the past and it has worked great.

[Chris]

@torybriggs said:

I've used a small jQuery library called FitVids.js on projects in the pass and it has worked great.

That's a nice lib.

[julian]

@torybriggs said:

I've used a small jQuery library called FitVids.js on projects in the pass and it has worked great.

"ooooOOOOOOOOOOOOOOOoooooo" is what I said, when I resized my browser on that FitVids page...

[Chris]

@julian said:

@torybriggs said:

I've used a small jQuery library called FitVids.js on projects in the pass and it has worked great.

"ooooOOOOOOOOOOOOOOOoooooo" is what I said, when I resized my browser on that FitVids page...

Right? It was so damn graceful.

@psychobunny coughcough this is needed muchly.

[meetdilip]

Must have.

[Scuzz]

Is it possible to change this plugin so that instead of automatically embedding the video it will require some sort of enable characters?
Sort of like BBcode?

So [yt]youtubevidelink[yt]?
or something like the markdown image function ![youtube](youtubelink)?

We heavily rely on the shoutbox plugin and when someone postes a youtube link it embeds the video and it takes up quite a lot of space. It could be something added to the admin cp to automatically embed or require some sort of enable code.

Or is there any way we can limit the size of the embed?

[julian]

@Scuzz Yeah, personally I'd prefer a markup as well.

yt[something](url)

Possibly definable in the ACP page for this plugin...

[psychobunny]

or something like the markdown image function ![youtube](youtubelink)?

I like this, makes sense. IMO I'm not going to bother updating this because what we really should do is make a global embed plugin one that handles all the major video hosting sites

[a_5mith]

@psychobunny Something like embed.ly embed API would be fantastic. Just without all the advertising and re-embed icons etc etc.

[Schamper]

@a_5mith I actually have a half-finished plugin that uses the Embed.ly api... Barely got enough time for all the other stuff I have to do though.

[a_5mith]

@Schamper Is their anything you're not building. Good work dude, looking forward to what you come up with.