CI-470 Extract width from video.scss

[AliceArmstrong]

Ticket.

YouTube videos are to be used with different widths in different places, so this PR extracts the width from the component so that we can set it where we use the component, giving greater flexibility.

To test:

• Navigate to a live blog v2 with a YouTube video (turn liveBlogsV2 on in toggler).
• Assert that YouTube videos are the full width of the article.

Needs to go live at the same time as this PR.

[NickColley]

Do we need to consider how the other consumers of this package might be impacted?

[AliceArmstrong]

Do we need to consider how the other consumers of this package might be impacted?

We do, I've mentioned some repos it might affect on the description in the next-article PR. I've listed the repos that mention the CSS class in their tests, which leads me to believe that they may use YouTube videos in the same way, but I'm not really sure how to verify it.

[NickColley]

I suppose if we're confident we could add the instructions of what to check and update to the release notes as this'll be a breaking change, then this'd delegate that decision making to people using this dependency.

Might be worth checking with Josh what we should be recommending people update the presentation to be.

[GlynnPhillips]

I think this is fine, the width of a video is granular style that probably shouldn't be decided by a global component used by multiple consumers.

If we release this as a breaking change and document what breaks in the release notes then that should be ok. We can then just update the apps we care about to the latest version

[AliceArmstrong]

@GlynnPhillips @NickColley I've updated the migration guide in the readme, let me know if the wording sounds correct 🙏

[NickColley]

Now that we've confirmed that the decisions decision is to have full width videos across FT.com we could consider re-wording this so people know they don't need to make a change.

We can keep the steps below if they do need to bring back the previous behaviour for some reason.

[AliceArmstrong]

Good point, looking into it now.

[NickColley]

Nice, thanks. 👍🏻