Idea for an Alternative YouTube Video Embedding Solution in Joplin

Hi everyone,

I’ve been following the discussions around embedding YouTube videos in Joplin. I understand that iframes were disabled for security reasons, which makes sense. However, I think many users, myself included, would appreciate a way to integrate YouTube videos into our notes.

I wanted to suggest an alternative approach that might work within Joplin’s security constraints.

Suggestion: A Clickable Image with a Link to the Video

How It Could Work:

  • Video ID Extraction: The idea would be to detect YouTube URLs in a note and extract the video ID.

  • Preview Image: Using the video ID, a preview image (thumbnail) could be generated via YouTube’s thumbnail service (e.g., https://img.youtube.com/vi/VIDEO_ID/0.jpg).

  • Clickable Link: This preview image would then be displayed in the note as a clickable link that opens the video on YouTube in a new tab.

Not an Embedded Video

Just to clarify, this wouldn’t embed the video directly into the note. Instead, it would create a visual cue showing there’s a video related to the content. The thumbnail would give users a clear idea of what the video is about, making the note more engaging without compromising security.

Automating the Process for Efficiency

I understand that this could technically be done manually by uploading an image and linking it to the YouTube video. However, the idea here is to automate the process to make note-taking more efficient and seamless. This would save time and streamline the workflow for users who frequently integrate video content into their notes.

Potential Benefits:

  • Security: By avoiding iframes, this method would maintain Joplin’s strong security standards.
  • User-Friendly: Users still get a visual representation of the video, making the notes richer in context.
  • Simplicity: This could be a simpler and less intrusive solution compared to full iframe support.

Looking for Feedback

I’m curious to know if this kind of solution would fit within Joplin’s philosophy. Would it address the concerns around embedding external content while still providing the functionality users are looking for?

I’d love to hear your thoughts on whether this idea is worth exploring further.

Thanks!

2 Likes

Is iframes what Notion uses for embedding their youtube links? I think that is what you are asking for and I really do like the way Notion shows the thumbnail and a short description for the links.

Sorry, I'm a newbie and my English can be confusing, so I write in Spanish and translate with Google if necessary)

TRUCO (Sin Iframes): Cómo hago yo para "insertar imagen de un video que enlace a Youtube sin incrustarlo en Joplin".

1-Uso un capturador de pantalla ( En mi caso Lightshot) y capturo la zona en la página youtube o bien en el historial, más pequeña.

2- Pego la captura en la nota creada en Joplin.

3-Inserto este ejemplo de código que tengo en una plantilla:

[![](:/dd37995e690e4d3)](https://www.youtube.com/watch?v=CYcUOUEcBd8)

4-Entonces copio el "camino de la imagen" y lo pego sustituyendo en `(:/........)
Hago lo mismo con la dirección de enlace al video. (https/:www.youtube....)

5- Borro la imagen anterior y me queda la imagen que enlaza al video, y pulsando sobre ella se me abre youtube, eso sí, en otra ventana.

Sé que no es lo idóneo que aquí se busca, pero puede servir a algunos usuarios sencillos que solo deseen como yo, tener una imagen de referencia para ir a un video de Youtube.

Check out badabing2005/joplin-plugin-ytinsert: Inserts a youtube video link into the note from the selected text.

It seems to do what you want (i.e. thumbnail with clickable link). I'm using it and it is great!

2 Likes

Oh! This is wonderful. I hadn't found this plugin in the Joplin repository, so since I'm a beginner, I resorted to my markdown writing. This way it is much more comfortable.

Thanks, MCX.


Oh! Esto es maravilloso. No había encontrado este plugin en el repositorio de Joplin, así que como soy principiante, recurrí a mi redacción en markdown. De esta manera es mucho más cómodo.

Gracias, MCX.

Hi,
Yes, it looks like this is exactly the feature I was looking for! It's a pity it's not available directly through Joplin’s official plugin manager within the app. I hope it will.

There is a manual installation option, that's what I did. Give it a try!

Release Release 1.0.2 · badabing2005/joplin-plugin-ytinsert

Go to the Releases to download the plugin package zip file and unzip it.
Open Joplin, go to Tools > Options > Plugins.
Click Manage your plugins > Install from file, select the previously unzipped jpl file.
Finally, restart the application.

1 Like

I didn't many people would use the plugin.
I'll have to look into how it can be published, maybe I'll do that if there is an interest.

Ideally this would be part of the Joplin browser plugin if you ask me.

1 Like

Hi @badabing2005

First of all, thank you for your work on this plugin and for considering publishing it! I think officially publishing it would be extremely helpful, as it would provide much more visibility. Personally, I was looking for exactly this kind of functionality, but I never think to look outside the official Joplin plugins. I'm sure many other users are in the same situation.

Thanks again for your contribution!

1 Like

I just did, but it looks like it picked up version 1.0, and I have no idea why.
You can see it here and this is the commit (which was done through the plugin)

But here's the funny thing, the correct version got published to npm registry

Perhaps someone knowledgable with the process can explain.