Content Blocks Live

sa-video-block v2026-06-09

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.

Source skill: sa-template-reference · Updated 2026-06-09 17:21:53

Edit

Live preview

Open ↗

When to use

Attorney intros, client testimonials, case-result walkthroughs.

Rules & constraints

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

https://aguiarinjurylawyers.com/

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}