Video embedding

[evwltrs]

Hi,

I've been using carta for over a year now and it has been really excellent for my use case. The only issue with my implementation is that we allow users to embed video in the same format as embedding an image, but with an mp4 extension.

For rendering this in other parts of my site, I use a svelte markdown renderer that allows me to write a custom renderer for images, and then I check for the mp4 extension and use a video tag if it is present, or fall back to an image tag if it isn't. I was wondering if something like this would be easy to implement with carta, by maybe writing a plugin or custom renderer, and if it is, hopefully that would make it possible to use carta to render all of the markdown on my site, which would be awesome.

Let me know if this is something that would be easy to implement, and I would love to hear your suggestions!

Thanks

[BearToCode]

Hi @evwltrs!

So you want to render videos that are embedded in the same way as images (i.e. ![alt](https://link.to.video.mp4))?
If this is the case, I think the best think is to create a custom remark plugin to parse those specific images that include a mp4 extension (to work on the parsed markdown), or a rehype plugin to edit the img tags that point to a video. You can add your custom plugins by providing a transformer to your custom extension.

I think you can also replace the svelte-markdown renderer with Carta.render, which uses the same renderer as the editor, so you'll be sure the output is the same.

I don't have the time to write a specific example, but this is certaintly feasible and shouldn't be hard to achieve. Let me know if you need any more in depth help.