[Feature Request] Video Embeds

[Stanzilla]

Since proper Markdown support is not going to happen anytime soon, would it be possible to implement it in material-extensions like suggested here? https://talk.commonmark.org/t/embedded-audio-and-video/441/102

There is https://github.com/cmrd-senya/markdown-it-html5-embed as an example implementation.

[facelessuser]

So it looks at extensions?

[Stanzilla]

Well it could, when implementing it like this

Media	Directive	Shorthand
Image	:image{}	{}
Video	:video{}	^{}
Audio	:audio{}	@{}

You could grab the extension name from the filename and use it in the type parameter.

So

:video[Description "Poster.jpg"](test.mp4)

Would end up as

<video autoplay loop muted playsinline poster="Poster.jpg">
    <source src="test.mp4" type="video/mp4" />
</video>

Or you could specify like this

![](video.mp4){type: video/mp4}

[facelessuser]

Why :image{} and {} for image? We already have a syntax for images.

^ would get confused when working with subscripts (or maybe I mean superscripts 🤷) see pymdownx.caret extension.

I'd have to think about this as right now, I'm not sure on the syntax.

[Stanzilla]

I just picked a random example, really

[facelessuser]

For me, features with a fully fleshed out proposal have a better chance of consideration. Either I have to sit down and come up with it (unless I have a direct need for it, this becomes low priority) or the issue filer should present it. So I took it as a real proposal, one I'm not too keen on.

I could see someone maybe just doing something like this with attr_list.

![](video.mp4){: type="video/mp3"}

Then just use a tree processor to look for images with a type attribute of video/* and transform accordingly.

With that said though, it feels weird using images for this, but someone could throw together a quick and dirty Markdown extension to do this. They could even use this method to embed youtube.

Without a syntax that I'm fully behind, I'm not sure I would do this. I'd have to think about this.

[facelessuser]

I guess if you look at the ![] syntax as more of a media syntax than an image syntax, then maybe it makes sense to do it this way 🤷‍♂️ .

[Stanzilla]

I meant I picked a random suggestion from the topic I linked.

I guess if you look at the ![] syntax as more of a media syntax than an image syntax, then maybe it makes sense to do it this way 🤷‍♂️ .

Yeah that's where ![](video.mp4){type: video/mp4} came from.

https://github.com/cmrd-senya/markdown-it-html5-embed supports two modes as well, the MagicLink one and image syntax one ![](https://example.com/file.webm)

[facelessuser]

markdown-it example is probably more inline with a direction I would consider at this point. it kind of meshes with what we already do. We could easily just scan link extensions and convert them to media elements. I'm curious what you gain from using image format vs link format. I wonder if I would even waste time implementing both forms. Maybe it allows you to more easily identify media links instead of scanning all links 🤷‍♂️ . I'd have to look into it more. Something to consider though.

[facelessuser]

@gir-bot remove S: triage
@gir-bot add T: feature, S: maybe, C: magiclink

[facelessuser]

@gir-bot add P: maybe