Skip to content

Fix broken demo video on SEO pages: use the homepage hero embed - #2124

Merged
richiemcilroy merged 1 commit into
mainfrom
fix-seo-demo-video
Aug 14, 2026
Merged

Fix broken demo video on SEO pages: use the homepage hero embed#2124
richiemcilroy merged 1 commit into
mainfrom
fix-seo-demo-video

Conversation

@richiemcilroy

@richiemcilroy richiemcilroy commented Aug 14, 2026

Copy link
Copy Markdown
Member

The "See Cap in Action" sections on 13 SEO pages pointed at /videos/cap-demo.mp4 and /videos/cap-demo-thumbnail.png, but public/videos/ does not exist, so every one of them rendered a broken player.

This swaps each page's video block to the same rend.so embed the homepage hero modal uses (embed 10512af0-b922-4efa-8974-f8f14fc1886a with the brand accent), via the iframe shape SeoPageTemplate already supports. The modal-only autoplay/mute params are omitted since these embeds render inline.

Pages fixed: async-video-code-reviews, best-screen-recorder, developer-documentation-videos, hipaa-compliant-screen-recording, how-to-screen-record, mac-screen-recording-with-audio, obs-alternative, open-source-screen-recorder, record-screen, screen-recorder, screen-recording, self-hosted-screen-recording, video-recording-software.

Greptile Summary

The PR replaces broken local demo-video references on 13 public SEO landing pages with the rend.so embed already used by the homepage.

  • Migrates each page from url/thumbnail/alt metadata to the supported iframe.src/iframe.title shape.
  • Reuses one branded demo embed without the homepage modal’s autoplay and mute parameters.

Confidence Score: 4/5

The PR appears safe to merge, with a non-blocking iframe-permission omission that limits picture-in-picture on the new embeds.

The iframe data shape is supported, the same embed is already used by the homepage, and no blocking rendering or build failure remains; only the template branch’s missing picture-in-picture delegation affects the migrated pages.

Files Needing Attention: apps/web/components/pages/seo/AsyncVideoCodeReviewsPage.tsx and the other 12 migrated SEO page definitions

Important Files Changed

Filename Overview
apps/web/components/pages/seo/AsyncVideoCodeReviewsPage.tsx Migrates the demo to the shared external iframe; the selected template branch omits picture-in-picture permission.
apps/web/components/pages/seo/BestScreenRecorderPage.tsx Applies the same supported iframe migration and inherits the shared capability limitation.
apps/web/components/pages/seo/DeveloperDocumentationVideosPage.tsx Applies the same supported iframe migration and inherits the shared capability limitation.
apps/web/components/pages/seo/HipaaCompliantScreenRecordingPage.tsx Replaces the broken local media references without changing the page’s compliance copy.
apps/web/components/pages/seo/HowToScreenRecordPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/MacScreenRecordingWithAudioPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/ObsAlternativePage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/OpenSourceScreenRecorderPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/RecordScreenPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/ScreenRecorderPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/ScreenRecordingPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/SelfHostedScreenRecordingPage.tsx Applies the shared inline rend.so embed using the supported content shape.
apps/web/components/pages/seo/VideoRecordingSoftwarePage.tsx Applies the shared inline rend.so embed using the supported content shape.
Prompt To Fix All With AI
### Issue 1
apps/web/components/pages/seo/AsyncVideoCodeReviewsPage.tsx:278-281
**Iframe omits picture-in-picture permission**

These pages now select `SeoPageTemplate`’s iframe branch, which does not delegate picture-in-picture permission even though the canonical homepage player does. As a result, the newly embedded demos lose picture-in-picture support across all 13 migrated SEO pages.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

Reviews (1): Last reviewed commit: "Fix broken demo video on SEO pages: use ..." | Re-trigger Greptile

Greptile also left 1 inline comment on this PR.

Context used:

/videos/cap-demo.mp4 and its thumbnail were referenced by 13 SEO pages
but never existed in public/, so every See Cap in Action section
rendered a broken player. Swap each video block to the same rend.so
embed the homepage hero modal uses, via the iframe shape
SeoPageTemplate already supports. Autoplay params are omitted since
these embeds render inline rather than in a click-opened modal.
@cursor

cursor Bot commented Aug 14, 2026

Copy link
Copy Markdown

Bugbot is not enabled for your account, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.

@richiemcilroy
richiemcilroy merged commit 1fe83b8 into main Aug 14, 2026
15 of 17 checks passed
@richiemcilroy
richiemcilroy deleted the fix-seo-demo-video branch August 14, 2026 10:11
Comment on lines 278 to +281
video: {
url: "/videos/cap-demo.mp4",
thumbnail: "/videos/cap-demo-thumbnail.png",
alt: "Cap async video code review demo showing screen recording of a pull request walkthrough with timestamped comments",
iframe: {
src: "https://www.rend.so/embed/10512af0-b922-4efa-8974-f8f14fc1886a?accent=3e63dd",
title: "Cap async video code review demo showing screen recording of a pull request walkthrough with timestamped comments",

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Iframe omits picture-in-picture permission

These pages now select SeoPageTemplate’s iframe branch, which does not delegate picture-in-picture permission even though the canonical homepage player does. As a result, the newly embedded demos lose picture-in-picture support across all 13 migrated SEO pages.

Prompt To Fix With AI
This is a comment left during a code review.
Path: apps/web/components/pages/seo/AsyncVideoCodeReviewsPage.tsx
Line: 278-281

Comment:
**Iframe omits picture-in-picture permission**

These pages now select `SeoPageTemplate`’s iframe branch, which does not delegate picture-in-picture permission even though the canonical homepage player does. As a result, the newly embedded demos lose picture-in-picture support across all 13 migrated SEO pages.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant