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:

Designed UI:


Browsers
No response
OS
No response
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:
Reproduction steps
Expected behavior
Screenshots
Current UI:

Designed UI:


Browsers
No response
OS
No response