Skip to content

🐛 [BUG] - Video play / pause brand refactor mismatch #1437

Description

@rfearing

Describe the bug

The play/pause control for the hero videos on the CLI and AI coding agent pages uses an outdated UI. The controls are oversized and do not match the refactored control styling used elsewhere, such as the logo component on the Copilot Business page. The tooltip should also be removed.

Affected pages:

Blocked Flex Suite Issue:

Code used in Flex Suite:

  <VideoPlayer
    visuallyHiddenTitle
    ref={videoRef}
    title={optionVideo.fields.description ?? 'Video'}
    poster={optionPoster?.fields.file.url}
    {...(autoplay && canAutoplay && {autoPlay: true, muted: true, playsInline: true})}
    showSeekControl={!autoplay}
    showCCButton={!autoplay}
    showMuteButton={!autoplay}
    showVolumeControl={!autoplay}
    showFullScreenButton={!autoplay}
    showBranding={false}
  >
    <VideoPlayer.Source src={optionVideo.fields.file.url} type="video/mp4" />
  </VideoPlayer>

Reproduction steps

1. Open the CLI page.
2. Scroll to the hero section containing the video.
3. Inspect the play/pause control and hover over it.
4. Repeat steps 1–3 on the AI coding agent page.
5. Compare the controls with the updated design

Expected behavior

The hero video play/pause controls should use the updated Primer/Brand UI, be smaller and visually consistent with the refactored controls and Copilot Business logo component. The tooltip should be removed from both instances.

Screenshots

Current UI:
Current UI

Designed UI:
Designed UI
Designed UI

Browsers

No response

OS

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingswp

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions