← All Visual Examples
desktop1440×1100 · 
mobile390×844 ·
draft · video-hero-primitive-floor-demonstration
Video Hero Primitive Floor Demonstration
Show the safe first-viewport-media floor before Video Hero becomes a routine editor Control: visible page promise, poster-first media, native controls, captions, descriptive transcript, and an honest unsupported-source fallback.
- 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-hero-directions/fixtures/compatibility/portable-block-layout-proof/evidence/video-hero-directions-desktop.png/video-hero-directions/fixtures/compatibility/portable-block-layout-proof/evidence/video-hero-directions-mobile.pngIntent
Exact declaration
Subjects
Best fit
- reviewing first-viewport media safety and fallback behavior
- proving a direct video remains usable without autoplay or a JavaScript player
- understanding the work still required before routine Video Hero authoring
Avoid when
- a still Hero or ordinary Video Embed communicates the idea faster
- the source, poster, captions, transcript, rights, or performance budget are unresolved
- the demonstration is being presented as a complete routine Control
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
- partial
Limitations
- Video Hero remains primitive-first and this demonstration must not be presented as a complete routine editor Control.
- Chromium desktop and 390px visual review, zero horizontal overflow, 358px mobile media frames, native controls, caption-track output, visible transcript, poster fallback, honest direct-source link, no console errors, and removal of inline presentation pass. Intent presets, complete preview/reset authoring, axe-core, performance, Safari, exact release binding, independent owner review, and measured human/AI tasks remain open.
Invalidated by
- Video Hero renderer, first-viewport media CSS, poster-safe artwork, or fallback behavior change
- source, captions, transcript, poster, action, or editor-expansion 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-hero-directions/ | poster-first native video and unsupported-source fallback floor | fixtures/compatibility/portable-block-layout-proof/content/video-hero-directions/_index.md |
Source mapping
| Role | Path | Use |
|---|---|---|
| copyable explicit Hugo source | fixtures/compatibility/portable-block-layout-proof/content/video-hero-directions/_index.md | Copyable source |
| poster artwork composed above native control chrome | fixtures/compatibility/portable-block-layout-proof/static/media/video-field-guide.svg | Copyable source |
| portable Video Hero renderer | layouts/partials/blocks/video-hero.html | Framework or evidence source |
| portable first-viewport media CSS | assets/css/foundry-base.css | Framework or evidence source |
| primitive-first editor-expansion contract | data/foundry/editor-expansion-manifest.json | Framework or evidence source |
| render and browser assertions | fixtures/compatibility/portable-block-layout-proof/fixture.config.json | Framework or evidence source |