HtmlForgeX

Media & Embeds

PowerForge.Web supports built-in shortcodes for media blocks. The screenshot examples below are rendered live; the YouTube snippets are shown as source so the docs stay stable under stricter audit rules.

YouTube (Lite Mode)

Lite mode is enabled by default. It renders a thumbnail first and creates the iframe after interaction.

Use the youtube shortcode with:

  • id="dQw4w9WgXcQ"
  • start="42" to begin partway through a video
  • title="HtmlForgeX video example"
  • size="xl" for a larger content width

YouTube (Full IFrame)

Use lite="false" when you explicitly want immediate iframe rendering. A typical full-iframe example uses:

  • id="dQw4w9WgXcQ"
  • lite="false"
  • title="Immediate iframe example"
  • size="lg"

X / Tweet Embed

X embeds are lazy-hydrated and use a single widget bootstrap script per page.

Single Screenshot

Screenshots support responsive image attributes and explicit dimensions to reduce layout shift.

Overview dashboard screenshot
Responsive image using srcset, sizes, and explicit dimensions.

This gallery uses data/media.json via data="media.shots" .

Overview dashboard with trends and KPIs
Overview dashboard
Data table with grouping and status badges
Data table view
Email card layout with CTA and summary stats
Email template preview