Skip to content
Sudonix

NodeBB inline videoplayer

Solved Customisation
12 2 4.6k 1
  • Panda
    Panda
    Panda
    wrote on
    #1

    Since starting my nodebb forum I had many attempts at installing a player to show youtube inline rather than redirecting to youtube page.
    it would have been great if there was one listed in the searchable plugins but as there wasnt, I found one on github
    ns-embed
    I installed it from CLI, but it doesn’t do anything.
    Does anyone know why that might be?
    Im curious if this site has embedded video, so trying

    Edit: it works, which plugin is used?

    0
  • Panda Panda

    @phenomlab yes, youtube links still not showing inline
    Where do I find that rules page to accept?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #11

    @eveh have a look in /admin/plugins/embed

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • Panda Panda

    Since starting my nodebb forum I had many attempts at installing a player to show youtube inline rather than redirecting to youtube page.
    it would have been great if there was one listed in the searchable plugins but as there wasnt, I found one on github
    ns-embed
    I installed it from CLI, but it doesn’t do anything.
    Does anyone know why that might be?
    Im curious if this site has embedded video, so trying

    Edit: it works, which plugin is used?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @eveh It is in fact nodebb-plugin-ns-embed. If you install this, out of the box, it should work - or you can try the below

    c31b4450-1020-4320-8b7f-e617b2b4d604-image.png

    Does this not work for you ?

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

    @eveh It is in fact nodebb-plugin-ns-embed. If you install this, out of the box, it should work - or you can try the below

    c31b4450-1020-4320-8b7f-e617b2b4d604-image.png

    Does this not work for you ?

    Panda
    Panda
    Panda
    wrote on
    #3

    @phenomlab
    i did

    npm install nodebb-plugin-ns-embed

    in the terminal
    Nothing happened (after rebuid and restart of forum)
    The box you show above, where should I have seen that?

    I never saw anything giving me the option to use default rules

    0
  • Panda Panda

    @phenomlab
    i did

    npm install nodebb-plugin-ns-embed

    in the terminal
    Nothing happened (after rebuid and restart of forum)
    The box you show above, where should I have seen that?

    I never saw anything giving me the option to use default rules

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #4

    @eveh After you install any plugin, it has to be activated. Check /admin/extend/plugins#deactive, activate it, then rebuild and restart.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

    @eveh After you install any plugin, it has to be activated. Check /admin/extend/plugins#deactive, activate it, then rebuild and restart.

    Panda
    Panda
    Panda
    wrote on
    #5

    @phenomlab said in NodeBB inline videoplayer:

    @eveh After you install any plugin, it has to be activated. Check /admin/extend/plugins#deactive, activate it, then rebuild and restart.

    Is this from the terminal. If I go to nodebb directory there is no admin directory below that?
    If you mean go on the forum admin to Extend>plugins, that NS player is not in the list still

    phenomlab 2 Replies
    0
  • Panda Panda

    @phenomlab said in NodeBB inline videoplayer:

    @eveh After you install any plugin, it has to be activated. Check /admin/extend/plugins#deactive, activate it, then rebuild and restart.

    Is this from the terminal. If I go to nodebb directory there is no admin directory below that?
    If you mean go on the forum admin to Extend>plugins, that NS player is not in the list still

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #6

    @eveh Sorry, no - this is from the ACP.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • Panda Panda

    @phenomlab said in NodeBB inline videoplayer:

    @eveh After you install any plugin, it has to be activated. Check /admin/extend/plugins#deactive, activate it, then rebuild and restart.

    Is this from the terminal. If I go to nodebb directory there is no admin directory below that?
    If you mean go on the forum admin to Extend>plugins, that NS player is not in the list still

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #7

    @eveh said in NodeBB inline videoplayer:

    If you mean go on the forum admin to Extend>plugins, that NS player is not in the list still

    Does it appear under the “inactive” tab ?

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

    @eveh said in NodeBB inline videoplayer:

    If you mean go on the forum admin to Extend>plugins, that NS player is not in the list still

    Does it appear under the “inactive” tab ?

    Panda
    Panda
    Panda
    wrote on
    #8

    @phenomlab Ah yes 🙂

    0
  • Panda Panda

    @phenomlab Ah yes 🙂

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #9

    @eveh Good. Activate it, then rebuild and restart.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab phenomlab

    @eveh Good. Activate it, then rebuild and restart.

    Panda
    Panda
    Panda
    wrote on
    #10

    @phenomlab yes, youtube links still not showing inline
    Where do I find that rules page to accept?

    0
  • Panda Panda

    @phenomlab yes, youtube links still not showing inline
    Where do I find that rules page to accept?

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #11

    @eveh have a look in /admin/plugins/embed

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

    @eveh have a look in /admin/plugins/embed

    Panda
    Panda
    Panda
    wrote on
    #12

    @phenomlab
    YAY! It works
    Thanks so much

    2
  • phenomlab phenomlab has marked this topic as solved on
Log in to reply

Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • cagatay

    What’s going on with NodeBB?

    Performance nodebb script die
    20
    8 Votes
    20 Posts
    6k Views
    phenomlab
    @cagatay The most reliable way to upgrade Node.js on Ubuntu depends on how you originally installed it. Method 1: Using NVM (Recommended) If you already use Node Version Manager (NVM), upgrading is simple. NVM allows you to keep both versions and switch between them if needed. Install Node 22: nvm install 22 Switch to Node 22: nvm use 22 Set it as your default: nvm alias default 22 Verify the change: node -v Method 2: Using NodeSource (PPA) If you installed Node.js via apt using the NodeSource repository, you need to update the repository script to point to the new version. Remove the old NodeSource list (optional but cleaner): sudo rm /etc/apt/sources.list.d/nodesource.list Download and run the NodeSource setup script for Node 22: curl -fsSL [https://deb.nodesource.com/setup_22.x](https://deb.nodesource.com/setup_22.x) | sudo -E bash - Install/Upgrade Node.js: sudo apt-get install -y nodejs Verify the installation: node -v Method 3: Using the ‘n’ Package If you have npm installed, you can use the n interactive manager. Clear the npm cache: sudo npm cache clean -f Install the ‘n’ helper: sudo npm install -g n Install Node 22: sudo n 22 Update your shell: hash -r Troubleshooting Permission Denied: If you see permission errors using Method 2 or 3, ensure you are using sudo. Path Issues: If node -v still shows version 20 after upgrading via NVM, restart your terminal or run source ~/.bashrc. Conflicts: Avoid mixing these methods. If you switch from apt to nvm, it is best to sudo apt remove nodejs first to avoid path conflicts.
  • Madchatthew

    TNG + Nodebb

    General tng genealogy nodebb plugin
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @Madchatthew said in TNG + Nodebb: you have to try and use duck tape and super glue to change something to make it do what you want it to do I couldn’t have put that better myself.
  • Panda

    Interesting Widget code, but can't fetch API

    Solved Customisation nodebb
    26
    2 Votes
    26 Posts
    11k Views
    phenomlab
    @Panda said in Interesting Widget code, but can’t fetch API: How did you drop that widget into the post there? I hadnt seen this BSgenerator anywhere on sudonix site, do you use it somewhere already? Yes, here https://sudonix.org/topic/414/corporate-bullshit-generator?_=1687774393044 It’s not a “post” or “topic” in the common sense. It is actually a page in it’s own right and leverages nodebb-plugin-custom-pages. This in turn creates a new “route” which behaves like a page, meaning it is then exposed for widgets. @Panda said in Interesting Widget code, but can’t fetch API: Also can you explain more what you mean by calling the code externally. In my API call example, how would I go about doing that? By this, I mean create all the required code in an external JS file that is reachable by the NodeBB instance - so, in “public” for example - or in my case /public/js. The widget then “calls” that file and because it runs outside of the scope of NodeBB, you just need to return the values to the widget. Hope this makes sense?
  • Panda

    Composer options on nodebb

    Solved Configure nodebb
    8
    1
    3 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda You should be able to expose the CSS for these using F12 to get into console [image: 3591518c-e3a3-4ada-a43c-6b32a5e0359c-image.png] [image: a2b8ed46-4157-4ff2-85f0-576543380107-image.png] That should then expose the element once selected [image: 89d9c545-a47a-40d1-98f4-80cf3b958e8f-image.png] Here’s the below CSS you need based on the screenshot provided. .composer .formatting-bar .formatting-group li[data-format="picture-o"], .composer .formatting-bar .formatting-group li[data-format="spoiler"] { display: none; }
  • cagatay

    Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • Panda

    Title on homepage of nodebb forum

    Solved Customisation nodebb
    2
    1 Votes
    2 Posts
    2k Views
    phenomlab
    @eveh Welcome board The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; } Note, that you will need to adjust your CSS code to suit your own site / requirements.
  • DownPW

    [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • JAC

    NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    4k Views
    JAC
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal