← All Visual Examples
desktop1440×1100 · 
mobile390×844 ·
draft · video-embed-creative-range-demonstration
Video Embed Creative Range Demonstration
Show a guided direct-media feature, a privacy-aware cinematic screening, and a vertical product walkthrough from one portable Video Embed contract.
- Evidence
- demonstration
- Release binding
- unbound
- Core source
dde7da9a7964
Full-size artifacts
Rendered evidence
2 declared viewports. Select an image to inspect it at source resolution.
/video-directions/fixtures/compatibility/portable-block-layout-proof/evidence/video-directions-desktop.png/video-directions/fixtures/compatibility/portable-block-layout-proof/evidence/video-directions-mobile.pngIntent
Exact declaration
Subjects
Best fit
- explaining a process with direct video
- presenting one campaign or brand film without preloading its provider
- keeping intentional vertical demonstrations responsive
Avoid when
- a still image or short animation communicates the idea faster
- several recordings need comparison
- first-viewport video requires the stricter Video Introduction contract
Readiness
Checks and limitations
- accessibility
- partial
- artifact freshness
- not-run
- desktop responsive
- pass
- keyboard
- partial
- mobile responsive
- pass
- no essential javascript
- pass
- performance
- not-run
- reduced motion
- pass
- rendered route
- pass
- source portability
- pass
- visual acceptance
- not-run
Limitations
- This is source-linked development evidence, not an exact clean release binding.
- Chromium desktop and 390px layout, zero overflow, common-grid alignment, semantic target sizes, focus visibility, click-to-load iframe construction, provider allowlisting, no provider request before activation, native video controls, captions, descriptive transcripts, JavaScript-disabled links, and visual review pass. Axe-core, performance budgets, Safari viewport proof, exact release binding, and independent owner review remain promotion gates.
Invalidated by
- Video Embed renderer, semantic CSS, or controller change
- provider allowlist, preset, or fixture source change
- Customer Brand System or accessibility contract change
- Core or Distribution release change
- browser evidence change
Portable source
Routes and source ownership
Paths resolve inside exact Core commit dde7da9a7964f8011ecac5cb311f6d5ae2872b46. Private repository links stay private; the mapping remains explicit.
Rendered routes
| Route | Role | Source |
|---|---|---|
/video-directions/ | three-direction Video Embed comparison | fixtures/compatibility/portable-block-layout-proof/content/video-directions/_index.md |
Source mapping
| Role | Path | Use |
|---|---|---|
| copyable typed Hugo source | fixtures/compatibility/portable-block-layout-proof/content/video-directions/_index.md | Copyable source |
| portable named preset registry | data/foundry/block-presets.yaml | Framework or evidence source |
| portable Video Embed renderer | layouts/partials/blocks/video-embed.html | Framework or evidence source |
| portable Video Embed semantic CSS | assets/css/foundry-base.css | Framework or evidence source |
| allowlisted click-to-load controller | assets/js/foundry-video-embed.js | Framework or evidence source |
| render and browser assertions | fixtures/compatibility/portable-block-layout-proof/fixture.config.json | Framework or evidence source |