Skip to content

docs(docs-infra): fix v21 event video not responsive on mobile#68042

Open
erkamyaman wants to merge 1 commit intoangular:mainfrom
erkamyaman:docs/fix-v21-event-video-mobile-responsiveness
Open

docs(docs-infra): fix v21 event video not responsive on mobile#68042
erkamyaman wants to merge 1 commit intoangular:mainfrom
erkamyaman:docs/fix-v21-event-video-mobile-responsiveness

Conversation

@erkamyaman
Copy link
Copy Markdown
Contributor

Replace raw iframe with docs-video component to fix YouTube embed overflowing on mobile viewports.

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • angular.dev application / infrastructure changes
  • Other... Please describe:

What is the current behavior?

The v21 event page embeds the YouTube developer event video using a raw <iframe> with a fixed width="560", causing the video to overflow and get clipped on mobile viewports.

Screen.Recording.2026-04-05.at.23.33.52.mov

Issue Number: N/A

What is the new behavior?

Uses the <docs-video> component, which applies width: 100% and aspect-ratio: 16/9 , making the embed responsive and consistent with every other YouTube video across the docs.

image

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

Replace raw iframe with docs-video component to fix YouTube embed
overflowing on mobile viewports.
@pullapprove pullapprove bot requested a review from alan-agius4 April 5, 2026 21:00
@angular-robot angular-robot bot added area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure labels Apr 5, 2026
@ngbot ngbot bot added this to the Backlog milestone Apr 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant