Update iframe to VideoEmbed

[im2nguyen]

What

This updates the existing iframe for youtube to a VideoEmbed component. This is so we can standardize how we are serving and tracking video plays across DevDot.

Related PR: hashicorp/dev-portal#2699

Testing instructions

1. Go to dev-portal and check out the video-embed-posthog-tracking branch
2. Build the image locally (docker build . -t dev-portal-video-tracking)
3. Update DOCKER_IMAGE_LOCAL="dev-portal-local" in this repo's website/Makefile file to dev-portal-video-tracking.
4. Start local preview (make website/local). You may need to add .env.local to website.
5. Navigate to /terraform/cloud-docs/recommended-practices
6. Verify the videoembed works as expected, check posthog to see if video_play event is triggered

Why

Screenshots

---

Merge Checklist

If items do not apply to your changes, add (N/A) and mark them as complete.

Pull Request

• One or more labels describe the type of change (e.g. clarification) and associated product (e.g. HCP Terraform ).
• Description links to related pull requests or issues, if any.

Content

• Redirects have been added to website/redirects.js for moved, renamed, or deleted pages.
• API documentation and the API Changelog have been updated.
• Links to related content where appropriate (e.g., API endpoints, permissions, etc.).
• Pages with related content are updated and link to this content when appropriate.
• Sidebar navigation files have been updated for added, deleted, reordered, or renamed pages.
• New pages have metadata (page name and description) at the top.
• New images are 2048 px wide. They have HashiCorp standard annotation color (#F92672) and format (rectangle with rounded corners), blurred sensitive details (e.g. credentials, usernames, user icons), and descriptive alt text in the markdown for accessibility.
• New code blocks have the correct syntax and line breaks to eliminate horizontal scroll bars.
• UI elements (button names, page names, etc.) are bolded.
• The Vercel website preview successfully deployed.

Reviews

• I or someone else reviewed the content for technical accuracy.
• I or someone else reviewed the content for typos, punctuation, spelling, and grammar.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
terraform-docs-common	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 22, 2025 9:22pm

[ritsok]

ty!