Media Management Examples in Zolt

Zolt uses distinct prefixes to identify different types of media, allowing the parser to generate the correct HTML tags automatically.

🖼️ Images

Images use the ! prefix.

Basic Image

Zolt Logo

Image with Attributes

You can control size, alignment, and more using the {} syntax.

Zolt Logo

Advanced Image Styling

Support for shadows and shorthand dimensions:


🎥 Videos

Videos use the !! prefix. Zolt automatically detects YouTube/Vimeo URLs and converts them to responsive embeds.

Local Video

Youtube Video

Vimeo Video with Attributes


🎵 Audio

Audio files use the ?? prefix and generate an audio tag.

Basic Audio


🌍 Embeds (iFrames)

External content like YouTube, Vimeo, or maps use the @@ prefix.

YouTube Kitten Embed


📂 Downloadable Files

Files use the && prefix and generate an a tag.

PDF Document

Download User Manual


🎨 Media Attributes Reference

AttributeDescriptionExample
w, widthWidth (adds px if unitless){w=200}
h, heightHeight (adds px if unitless){h=150}
shadowAdds a box-shadow (true uses theme variable){shadow=true}
alignAlignment (left, center, right){align=center}
floatCSS float (left, right){float=right}
autoplayStart playing automatically{autoplay}
mutedMute the audio{muted}
loopRestart when finished{loop}

← Back to Examples Index