Skip to content

NodeBB inline videoplayer

Solved Customisation
12 2 4.5k 1
  • wrote on last edited by Panda
    #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?

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

    wrote on last edited by
    #11

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

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

    wrote on last edited by
    #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 ?

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

    wrote on last edited by Panda
    #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

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

    wrote on last edited by
    #4

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

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

    wrote on last edited by Panda
    #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 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

    wrote on last edited by
    #6

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

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

    wrote on last edited by
    #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 ?

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

    wrote on last edited by
    #8

    @phenomlab Ah yes 🙂

  • @phenomlab Ah yes 🙂

    wrote on last edited by
    #9

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

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

    wrote on last edited by
    #10

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

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

    wrote on last edited by
    #11

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

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

    wrote on last edited by
    #12

    @phenomlab
    YAY! It works
    Thanks so much

  • phenomlab phenomlab has marked this topic as solved on

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
  • Page control arrows for PWA

    Solved Customisation nodebb
    27
    25 Votes
    27 Posts
    15k Views
    phenomlab
    @crazycells it is, yes - I think I’ll leave it as there is no specific PWA CSS classes I know of. Well, you could use something like the below, but this means multiple CSS files for different operating systems. /** * Determine the mobile operating system. * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'. * * @returns {String} */ function getMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; // Windows Phone must come first because its UA also contains "Android" if (/windows phone/i.test(userAgent)) { return "Windows Phone"; } if (/android/i.test(userAgent)) { return "Android"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { return "iOS"; } return "unknown"; // return “Android” - one should either handle the unknown or fallback to a specific platform, let’s say Android } Once you’re in that rabbit hole, it’s impossible to get out of it.
  • Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • NodeBB: Consent page

    Solved Configure nodebb consent
    16
    4 Votes
    16 Posts
    6k Views
    phenomlab
    @DownPW I still do not see any issues.
  • NodeBB v3 and Harmony Theme

    Discussion nodebb theme
    22
    13 Votes
    22 Posts
    12k Views
    phenomlab
    Been playing with the user profile page this afternoon. Thought I’d post a video as I’m really pleased with how this came out profile-screen-capture.webm
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.
  • Display tweets in widget [NodeBB]

    Solved Customisation
    29
    4 Votes
    29 Posts
    13k Views
    JAC
    @phenomlab brilliant, many thanks Mark
  • Customising NodeBB

    Locked Customisation nodebb
    3
    0 Votes
    3 Posts
    3k Views
    phenomlab
    Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation
  • NodeBB customisation

    Locked Customisation
    332
    27 Votes
    332 Posts
    274k Views
    phenomlab
    @jac Given your departure away from your previous project, I’m going to close this thread…