Standard media blocks
Image, Video, Video Lightbox, and Video Background blocks in the ArtInStack page editor—traits and layout options.
Reference for Page Editor → Media blocks. All four support picking assets from Media (and external video URLs where noted).
Core architecture & fields
| Block | Media source | Primary traits |
|---|---|---|
| Image | Media picker or URL | Aspect ratio, object-fit, width/height, alt/title, opacity, scale, lazy load, optional link |
| Video | Media video or URL | Aspect ratio presets, poster image, hosted (Bunny) vs external URL |
| Video Lightbox | Media + poster | Aspect ratio (e.g. 16:9), poster frame, opens focused player on click |
| Video Background | Media video + poster | Loop, autoplay, muted (recommended for browsers), overlay content droppable inside section |
Image
Displays one responsive still. Attributes include:
- Aspect ratio — presets (auto, square, portrait, landscape, etc.) with editor sync to canvas.
- Object fit — cover, contain, and related crop behavior.
- Alt text and title for accessibility and SEO.
- Opacity and scale for subtle design adjustments.
- Choose image opens the Media library modal.
Best for: editorial inserts, team photos, diagrams between text sections.
Video
Embeds an inline HTML5 player (standalone-video). Attributes include:
- Video URL from Media or paste external link.
- Poster thumbnail from Media or auto from video record.
- Aspect ratio — wide and other presets; respects max height on page content.
- Video type — platform-hosted vs external stream.
Best for: embedded showreels, lesson clips, process demos inside a column.
Video Lightbox
Shows a poster/thumbnail on the page; click opens a full-focus playback experience. Attributes include:
- Video URL and poster from Media.
- Aspect ratio for the thumbnail frame (e.g. 16:9).
Best for: cinematic previews without loading a heavy player until the visitor engages.
Video Background
A section-level block: looping video behind foreground content you drop inside the section (headlines, buttons, columns). Attributes include:
- Video URL and poster from Media.
- Autoplay, loop, and muted toggles (muted autoplay is standard for browser policies).
- Minimum section height for hero-style bands.
Best for: landing page atmosphere behind typography—pair with short, compressed MP4 or hosted video.
System restrictions & guardrails
- Very large source files slow editor preview and live LCP—prefer compressed video and reasonable image dimensions.
- External video URLs must be reachable by visitors; broken URLs show empty players after publish.
- Video Background is not a substitute for accessible inline captions; add visible copy in the overlay layer.
Verifying your setup
- Each block type tested once on a draft page with Media selection confirmed in Attributes.
- Image alt text filled on hero or above-the-fold stills.
- Video Lightbox and Video tested on mobile tap/click.