[nodebb-plugin-youtube] Youtube Embed Plugin

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

[Beatmax]

Nice Plugin!

Is there a way to show a small version or at least a thumbnail of the video in the category overview?
If someone posts only a video without any text, it looks like an empty post in the overview.

TY

[a_5mith]

@Beatmax I've been meaning to test something with this, I'll have a look into possibilities after the Austrian Grand Prix, my man Hamilton is flying!

[Beatmax]

@a_5mith

hehe, great :d
good luck and thx!

[Beatmax]

Hi.
Any news here?

[a_5mith]

@Beatmax Not yet, I've been working on my own nodebb install. Ran into a few issues. will take a look ASAP.

[ozanduman]

This post is deleted!

[Tanner]

Great plugin, thanks a lot

[a_5mith]

@psychobunny Hey buddy, I've started working on a youtube-lite plugin if you're interested in contributing, video heavy threads crash my browser due to the number of iFrames being loaded. So I'm working on integrating lazyYT, which only fires the iFrame when it's required, until then it just displays the default image of the video and a play button. I've got as far as displaying the thumbnails, but there's something wrong with it then loading the video, the iFrame code gets mangled. So fails to load.

If anyone wants to help out with this, it's https://github.com/a5mith/nodebb-plugin-youtube-lite (Don't use in live environment, it doesn't work.)

I've noticed that it requires some code be added into the body, is this something that can be done easily via the plugin? Or would it be easier to get people to add it to the custom JS?

[psychobunny]

I've noticed that it requires some code be added into the body, is this something that can be done easily via the plugin? Or would it be easier to get people to add it to the custom JS?

Try checking this plugin out for an example on how to embed client-side scripts in your plugins

[a_5mith]

@psychobunny Thanks dude, once I've worked out why the iFrame code is getting mangled, I'll add that in.

[a_5mith]

Ok, I'm officially at a loss with this... Not only is it mangling the iFrame, it's changing the video ID into all lower case, so the videos don't actually work.

I don't understand how it goes from

$el.on('click', function (e) {
        e.preventDefault();
        if (!$el.hasClass('lazyYT-video-loaded') && $el.hasClass('lazyYT-image-loaded')) {
            $el.html('<iframe width="' + width + '" height="' + height + '" src="//www.youtube.com/embed/"' + id + '?autoplay=1&' + youtubeParameters + '"></iframe>')
                .removeClass('lazyYT-image-loaded')
                .addClass('lazyYT-video-loaded');
        }
    });

To being output as

<iframe width="640" height="360" yuobzwf0aws?autoplay="1&amp;&quot;" src="//www.youtube.com/embed/"></iframe>

Sense, it doesn't make it.

[a_5mith]

Got it working. Seems to be something to do with the height and width of the iFrame. Will do some more testing, then probably release on npm.

[Master-Antonio]

How reduce size of video?

[A Former User]

@Master-Antonio, try @a_5mith's Youtube-Lite plugin. It may be more suited to your needs if the video is appearing to large.

[Hero]

I have the RSS Feed poster plugin and the feeds posts YouTube videos in iFrames instead of just a standard URL.

Example: <iframe width="560" height="315" src="https://www.youtube.com/embed/vzNErWJWxTo" frameborder="0" allowFullScreen=""></iframe>

How would I modify this YouTube plugin work with posts that contain YouTube videos in an iFrame tag?