[nodebb-plugin-youtube] Youtube Embed Plugin

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?

? Offline

@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?

xCausxn

@Hero Ah seems like the REGEX is detecting the link in the rss feed. I will look into this now, and maybe also @psychobunny

Also @Hero could you test with this plugin also https://github.com/a5mith/nodebb-plugin-youtube-lite

Hero

@xCausxn

I actually was trying it with the Youtube-Lite plugin but was unable to find the thread on here. I've tried modified the REGEX expressions in library.js to detect the iFrame tags but no luck.