Skip to content

Conversation

@simonbyford
Copy link
Contributor

@simonbyford simonbyford commented Jan 7, 2026

What does this change?

Adds support for Cinemagraphs in articles.

Follows on from: #14843

Screenshots

Before

cinemagraph-before.mp4

After

cinemagraph-after.mp4

@simonbyford simonbyford force-pushed the add-support-for-cinemagraphs-in-articles branch from 941cffe to ef520e6 Compare January 7, 2026 15:34
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I decided to rename this component to better reflect that it's no longer just used for Looping videos

Comment on lines -496 to -505
/*
- MediaAtomBlockElement is used for self-hosted videos
- Historically, these videos have been self-hosted for legal or sensitive reasons
- These videos play in the `VideoAtom` component
- Looping videos, introduced in July 2025, are also self-hosted
- Thus they are delivered as a MediaAtomBlockElement
- However they need to display in a different video player
- We need to differentiate between the two forms of video
- We can do this by interrogating the atom's metadata, which includes the new attribute `videoPlayerFormat`
*/
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think this information can better be gleaned from git history but I am happy to be challenged on this

@simonbyford simonbyford added the run_chromatic Runs chromatic when label is applied label Jan 7, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 7, 2026
@simonbyford simonbyford marked this pull request as ready for review January 7, 2026 16:28
@github-actions
Copy link

github-actions bot commented Jan 7, 2026

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

@simonbyford simonbyford modified the milestones: Requests, Features Jan 7, 2026
@groakland groakland added the feature Departmental tracking: work on a new feature label Jan 8, 2026
Copy link
Contributor

@jonathonherbert jonathonherbert left a comment

Choose a reason for hiding this comment

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

This all seems reasonable! Approving to unblock, but keen to test: I'll message in chat about that.

@jonathonherbert
Copy link
Contributor

All tested, thanks @simonbyford!

@simonbyford simonbyford merged commit 5df2187 into main Jan 9, 2026
27 checks passed
@simonbyford simonbyford deleted the add-support-for-cinemagraphs-in-articles branch January 9, 2026 09:54
@gu-prout
Copy link

gu-prout bot commented Jan 9, 2026

Seen on PROD (merged by @simonbyford 11 minutes and 20 seconds ago) Please check your changes!

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

Labels

feature Departmental tracking: work on a new feature Seen-on-PROD

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants