Embedding Video and Images into long-form Markdown CMS content

Elements Elements CMS
1

It comes up fairly regularly on the forum, so I thought it was about time we added some documentation on adding images and video into Markdown documents…

Keep in mind that inline media embedding only works with the Typography Component, not the Text Component. The Typography Component supports rich inline content such as images, videos, and code blocks, so everything flows naturally with your text.

:backhand_index_pointing_right: Read the full documentation on embedding media

Have a read and let me know if there’s anything else we’re missing or you’d like to know how to do :slight_smile:

1 Like
Elements Dev Talk 01 - The Importance of the Store
2

Not fully conversant but is you old app Typed not able to do this and then export from there into typography component? Not used it for a while and can’t remember?

3

Is there some easier way? I do not work with code. Can I use the video element for this? How to set autoplay for YT video so when I load my main page the video if used as a background loop will play when loaded without need to click anything.

4

If you just want to play a video on your page, just use the video component :slight_smile:

It support YouTube videos and autoplay, etc. If you get stuck just let me know!

How to add Video

You can add YouTube or Vimeo videos by dragging and dropping the URL from your web browser to the Resources area in RapidWeaver Elements.

Supported Video Types

The video component supports the following file types:

  • YouTube
  • Vimeo
  • .mp4
5

Thank you for quick reply. Much appreciated. Did try to move the link from Safari, but I was on free trial. Did not work. Got myself the Plus package, so I will try again.

Any chance using not linked video, can I use a video stored with webpage on my provider’s server?

6

Yes, you can add a video from youtube, vimeo, locally, or as a remote resource from your server. Here’s a quick video I recorded for you, that hopefully explains this in more detail :slight_smile:

1 Like
7

Excellent! Thank you so much for the support and video. Much appreciated! Will give it a try.

I guess the autoplay does the same as you would click on the video upon loading? I plan to use it on front page as a backdrop for text so the autoplay feature is important.

8

No problem, here’s how to add video to a background header:

And here’s a more in-depth tutorial on the Video Component:

2 Likes
9

Can you share the project files from the background video demo? I find it incredibly helpful in understanding the whole process.

10

There’s nothing to it, you just drop in the Templates I use from the core pack, and add your own video :slight_smile: