SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-video-block
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
16:9 lazy-loaded YouTube embed using the nocookie domain with custom poster image. Centered within its column (margin auto). Used for attorney intros, client testimonials, and case-result walkthroughs.
When to use
Attorney intros, client testimonials, case-result walkthroughs.
Source skill
Rules (one per line, leading dash optional)
1. 16:9 lazy-loaded YouTube embed using nocookie domain. 2. Custom poster image for fast first paint. 3. Used for attorney intros, client testimonials, case-result walkthroughs. 4. Never autoplay with sound.
Live reference URL
Deployment notes
Copy verbatim. Replace bracketed placeholders. Run pre-publish-qa, playwright-visual-qa (desktop 1280 / mobile 390), sa-content-rot-detector, and sa-css-leak-guard after deploy. Log via content-publish-logger and notify search engines via batch-indexnow. See the source skill for full rules.
HTML
<figure class="sa-video"> <div class="sa-video-wrap"> <iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ" title="What Makes Sam Aguiar Injury Lawyers Different" loading="lazy" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <figcaption>[Optional caption - Poppins 500, no italic, no banned words.]</figcaption> </figure>
CSS
.sa-video{margin:32px auto;max-width:820px;width:100%} .sa-video-wrap{position:relative;width:100%;padding-top:56.25%;background:#0B212D;border-radius:8px;overflow:hidden} .sa-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .sa-video figcaption{font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:#0B212D;margin-top:10px;text-align:center;opacity:1}
Save changes
Cancel