Use  syntax to control the video frame size

[HaujetZhao]

Use case or problem

If a video has large resolution, embedding it into md doc, it may be very large in the preview. So a way to control the video frame size is needed.

Proposed solution

For now we can use syntax ![AltText](image.png) to control image size like this: ![image|100x200](<assets/demo image.png>), so I suppose this could be also implemented to a video like these:

• ![video|180x320](assets/video.mp4)
• ![video|180x320](<assets/demo video.mp4>)
• ![[demo video.mp4|180x320]]

Current workaround (optional)

HTML label. Not handy to use.

Related feature requests (optional)

[rossbarton]

Try using Movavi video editor as well, you can find it here - URL. It’s easy to use, you can visit their site and find all the info there.

[ariehen]

It seems this plugin can resize videos:

Embed Size Control

[fillotassi]

I seemingly can’t make it work on webms. Is there any way?

[tonymynd]

I discovered this solution by trial and error,

• Get a snapshot of the video
• Use that snapshot as the thumbnail of the video:
  
  

Syntax: [![[Pasted image 20240401114448.png|Barbell Row Variations Video|100]]](barbell-row-variations.mp4)

[tonymynd]

it works for any size video frame

[esteff]

@tonymynd

![[Pasted image 20240401114448.png|Barbell Row Variations Video|100]]

when we clic on the image, the vidéo doe not play