hlxsites/vg-macktrucks-com

FR: Video Functionality for Category Collage Block

Opened this issue · 2 comments

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 #600 and #602

Figma

Image

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

Image

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

changed to redesign Mack Trucks stream

Look into leveraging the work of #753 for this delivery