Community

[nodebb-plugin-youtube] Youtube Embed Plugin

NodeBB Plugins
  • A

    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.

    0
  • A

    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. πŸ˜‰

    1
  • Master-AntonioM

    How reduce size of video?

    ? 1 Reply
    0
  • ?

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

    1
  • HeroH

    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?

    X 1 Reply
    0
  • X

    @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

    HeroH 1 Reply
    1
  • HeroH

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

    0
  • X

    @Hero the iframes are added by the plugin, to make the youtube embed, and as the youtube plugin checks the postcontent for youtube links this is why it is added.

    @psychobunny @a_5mith would be able to help more, as ive only just started making nodebb plugins πŸ˜›

    HeroH 1 Reply
    0
  • HeroH

    @xCausxn said:

    @Hero the iframes are added by the plugin, to make the youtube embed, and as the youtube plugin checks the postcontent for youtube links this is why it is added.

    Thanks for the reply. The RSS feed already includes the iframe/embed code so for some reason the YouTube plugin doesn't parse it. The result of the RSS post including a YouTube video is the actual embed code itself. The only way I've been able to get around it is by allowing HTML on all posts which isn't the safest thing πŸ˜‰

    0
  • X

    So the youtube links are iframe from the rss, hmm ok. If i may ask could you PM me the rss feed url if its not private πŸ˜› ?

    0
  • HeroH
    1
  • A

    Will take a look when I get home. Entirely possible to just strip the iframe tags then put them back in. Or whatever the desired output is. You could have a play with regexr to fast check your regex.

    HeroH 1 Reply
    1
  • HeroH

    @a_5mith That's what I thought too but I guess my RegEx was off. I created..

    var iframeUrl and enter the regex expression

    I also copied the post code from embedUrl and replaced all occurnces of embedUrl with iframeUrl.

    The standard youtube links still embedded fine with the plugin but the ones from RSS feeds that already contain the iframe source didn't work. I'm thinking my regex was wrong.

    A 1 Reply
    0
  • A

    @Hero Not seeing any iFrames in that rss feed, or youtube URLs, not just me being blind is it?

    If I can get the actual code for it, I can create a regex to strip it out, but I don't know if they use youtu.be or youtube.com/watch? for their iFrames, so it'd be a bit of a guess. Do you have a page I can look at with the code already on?

    0
  • HeroH

    @a_5mith

    Here is the iFrame that is embedded in the RSS feed.

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

    0
  • A

    Ok, give me 20 minutes or so and I'll send you an adjusted library.js you can use.

    0
  • X

    Thanks @a_5mith πŸ˜„

    0
  • BobberB

    I'm missing the full screen button...... what's the hack?

    0
  • A

    You would add allowfullscreen to your iFrame code, alternatively, use the youtube-lite plugin for lazy loading and other niceties. It's the plugin that's used here. πŸ‘

    0
  • A

    @Hero sorry for the delay.

    Here is the updated library.js file you'll need. It will extract the youtube ID from the iFrame, and place it into the lazy load iFrame code instead so will work the same way.

    (function(module) {
	"use strict";

	var YoutubeLite = {},
		embed = '<div class="js-lazyYT" data-youtube-id="$1" data-width="640" data-height="360"><iframe class="lazytube" src="//www.youtube.com/embed/$1"></iframe></div>';

	var	regularUrl = /<a href="(?:https?:\/\/)?(?:www\.)?(?:youtube\.com)\/(?:watch\?v=)(.+)">.+<\/a>/g;
        var	shortUrl = /<a href="(?:https?:\/\/)?(?:www\.)?(?:youtu\.be)\/(.+)">.+<\/a>/g;
        var	embedUrl = /<a href="(?:https?:\/\/)?(?:www\.)youtube.com\/embed\/([\w\-_]+)">.+<\/a>/;
		var iFrameUrl = /<iframe width="560" height=""315" src\=\"(?:https?:\/\/)?(?:www\.)youtube.com\/embed\/([\w\-_]+)" frameborder="0" allowFullScreen=""><\/iframe>/g;

    YoutubeLite.parse = function(data, callback) {
        if (!data || !data.postData || !data.postData.content) {
            return callback(null, data);
        }
        if (data.postData.content.match(embedUrl)) {
            data.postData.content = data.postData.content.replace(embedUrl, embed);
        }
        if (data.postData.content.match(regularUrl)) {
            data.postData.content = data.postData.content.replace(regularUrl, embed);
        }
        if (data.postData.content.match(shortUrl)) {
            data.postData.content = data.postData.content.replace(shortUrl, embed);
        }
		if (data.PostData.content.match(iFrameUrl)) {
			data.postData.content = data.PostData.content.replace(iFrameUrl, embed);
		}
        callback(null, data);

    };

	module.exports = YoutubeLite;
}(module));
    1

Suggested Topics

  • torresfengT

    nodebb-plugin-sso-saml do not working

    NodeBB Plugins
    0 Votes
    1 Posts
    395 Views
    torresfengT

    nodebb v1.10.1

    code：

    (function(module) {
    "use strict";

    var user = module.parent.require('./user'), meta = module.parent.require('./meta'), db = module.parent.require('../src/database'), passport = module.parent.require('passport'), passportSAML = require('passport-saml').Strategy, fs = module.parent.require('fs'), path = module.parent.require('path'), nconf = module.parent.require('nconf'), async = module.parent.require('async'), winston = require('winston'); var constants = Object.freeze({ 'name': "SAML", 'admin': { 'route': '/plugins/sso-saml', 'icon': 'fa-university' } }); var SAML = {}; var samlObj; if (meta.config['sso:saml:idpentrypoint'] && meta.config['sso:saml:callbackpath']&& meta.config["sso:saml:metadata"] && meta.config["sso:saml:issuer"]) { console.log(nconf.get('url')); samlObj = new passportSAML({ path: meta.config['sso:saml:callbackpath'], entryPoint: meta.config['sso:saml:idpentrypoint'], issuer: meta.config['sso:saml:issuer'], callbackUrl: nconf.get('url') + meta.config['sso:saml:callbackpath'], disableRequestedAuthnContext: true, identifierFormat: null }, function(profile, done) { console.log(profile,'zheli'); var user = { nameID: profile.nameID, nameIDFormat: profile.nameIDFormat, sn: profile['urn:oid:2.5.4.4'], // sn //sn: profile.sn, cn: profile['urn:oid:2.5.4.42'], // givenname //cn: profile.cn, //mail: profile.mail, //eduPersonAffiliation: profile.eduPersonAffiliation, email: profile.mail, //email: profile.email, username: profile['urn:oid:1.3.6.1.4.1.5923.1.1.1.2'], // eduPersonNickname //username: profile.eduPersonNickname }; SAML.login(user,function(err, user) { if (err) { return done(err); } done(null, user); }); } ); } else{ console.log("No config info") console.log(meta.config); } SAML.init = function(params,callback) { // app, middleware, controllers, callback var app = params.router; var middleware = params.middleware; var controllers = params.controllers; function render(req, res, next) { res.render('admin/plugins/sso-saml', {}); } app.get('/admin/plugins/sso-saml', middleware.admin.buildHeader, render); app.get('/api/admin/plugins/sso-saml', render); console.log(456); console.log(samlObj); if (samlObj){ if (meta.config["sso:saml:metadata"]) { app.get(meta.config["sso:saml:metadata"], function(req, res) { console.log(123); if (meta.config["sso:saml:servercrt"]){ var cert = fs.readFileSync(meta.config["sso:saml:servercrt"], 'utf-8'); res.header("Content-Type", "application/xml"); res.send(samlObj.generateServiceProviderMetadata(cert)) } else{ res.send("No servercrt specified. Please enter it at nodebb admin panel."); } }); } app.post(meta.config['sso:saml:callbackpath'], passport.authenticate('saml'), function(req, res, next){ if (meta.config['sso:saml:loginsuccessredirecturl']){ res.redirect(meta.config['sso:saml:loginsuccessredirecturl']); } else{ res.redirect("/"); } } ); if (meta.config['sso:saml:logouturl']) { app.get(meta.config['sso:saml:logouturl'],function(req,res){ if (req.user && parseInt(req.user.uid, 10) > 0) { winston.info('[Auth] Session ' + req.sessionID + ' logout (uid: ' + req.user.uid + ')'); var ws = module.parent.require('./socket.io'); ws.logoutUser(req.user.uid); req.logout(); if (meta.config['sso:saml:logoutredirecturl']){ res.redirect(meta.config['sso:saml:logoutredirecturl']); } else{ res.redirect("/"); } } }); } } callback(); }; SAML.getStrategy = function(strategies, callback) { console.log("filter:auth.init..."); console.log(strategies); if (samlObj){ passport.use(samlObj); strategies.push({ name: 'saml', url: '/auth/saml', callbackURL: meta.config['sso:saml:callbackpath'], icon: constants.admin.icon, scope: '' }); } callback(null, strategies); }; SAML.login = function(userdata, callback) { SAML.getUidBySAMLId(userdata.username, function(err, uid) { if(err) { return callback(err); } if (uid !== null) { // Existing User callback(null, { uid: uid }); } else { console.log(userdata); // New User user.create({ username: userdata.username, email: userdata.email, fullname : userdata.first_name + " " + userdata.last_name }, function(err, uid) { if(err) { return callback(err); } user.setUserField(uid, 'samlid', userdata.username); db.setObjectField('samlid:uid', userdata.username, uid); callback(null, { uid: uid }); }); } }); }; SAML.getUidBySAMLId = function(samlid, callback) { db.getObjectField('samlid:uid', samlid, function(err, uid) { if (err) { return callback(err); } callback(null, uid); }); }; SAML.addMenuItem = function(custom_header, callback) { custom_header.authentication.push({ "route": constants.admin.route, "icon": constants.admin.icon, "name": constants.name }); callback(null, custom_header); }; SAML.deleteUserData = function(uid, callback) { async.waterfall([ async.apply(user.getUserField, uid, 'samlid'), function(idToDelete, next) { db.deleteObjectField('samlid:uid', idToDelete, next); } ], function(err) { if (err) { winston.error('[sso-saml] Could not remove user data for uid ' + uid + '. Error: ' + err); return callback(err); } callback(null, uid); }); }; module.exports = SAML;

    }(module));

  • G

    Patreon plugin

    NodeBB Plugins
    0 Votes
    1 Posts
    1009 Views
    G

    Hello,

    I am trying to create an sso plugin for Patreon.com. I posted about this on the generic version of the plugin and Julian Lam told me to fork the google or facebook plugin. I have done so. Now it connects to patreon but I am getting a url mismatch error. Please see my fork for the code I am using: https://github.com/gwhrengineering/nodebb-plugin-sso-facebook/blob/master/library.js

    I am unsure how to proceed from here. Any help would be greatly appreciated.

    Thanks

  • sergej-saveljevS

    [nodebb-plugin-sso-vk] Vkontakte reabilitate

    NodeBB Plugins
    1 Votes
    4 Posts
    2274 Views
    sergej-saveljevS

    πŸ”₯ 😎

  • SchamperS

    [nodebb-plugin-reddit] Links out of (sub)reddit syntax

    NodeBB Plugins
    6 Votes
    13 Posts
    6086 Views
    SchamperS

    Updated to support the filter:parse.raw hook. New version is 0.0.5.

  • julianJ

    [nodebb-plugin-soundpack-vintage-im] Vintage IM Sounds for NodeBB

    NodeBB Plugins
    4 Votes
    1 Posts
    936 Views
    julianJ

    ... because who doesn't love that old "uh-oh!" sound from ICQ?

    Vintage IM Soundpack for NodeBB

    Vintage Instance Messenger Sound Pack

    MSN ICQ Requirements NodeBB v0.4.2 or higher Installation npm install nodebb-plugin-soundpack-vintage-im Want more sounds?

    Let me know in the issues, or submit a pull request with the new sounds added to the ./sounds folder!

Copyright Β© 2023 NodeBB | Contributors