FR: Video Functionality for Category Collage Block

[ZoeBeykirch]

Description

As a Mack Trucks content editor, I want to add video functionality to the category collage block so that I can enrich the user experience for my Bulldog Magazine pages by showcasing dynamic video content alongside curated category images.

Acceptance Criteria

User AC

• Users should be able to watch the video directly from the collage block without being redirected to another page, unless they click on the article link.

Editor AC

• When editing the category collage block, there should be an option to include a video link.

Non-functional AC

• There should be a pause/play button in the top right-hand corner.
• The video should auto-play when the user loads the page.
• There should not be any sound for the video, therefore a mute/unmute button is not necessary.
• The video should seamlessly integrate into the existing design of the collage block without breaking the layout.
• The video should be responsive and adapt to different screen sizes and orientations.

Related ticket:

This ticket is to add video functionality to the Category Collage Block that was delivered in https://github.com/hlxsites/vg-macktrucks-com/issues/600 and https://github.com/hlxsites/vg-macktrucks-com/issues/602

Figma

Desktop: https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?node-id=2222-53274&m=dev

Mobile: https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?node-id=15075-3143&m=dev

Desktop: https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?node-id=14986-43340&m=dev

Mobile: https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?node-id=15078-3355&m=dev

[WendyKruger]

changed to redesign Mack Trucks stream

[ZoeBeykirch]

Look into leveraging the work of https://github.com/hlxsites/vg-macktrucks-com/issues/753 for this delivery