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.
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
Editor AC
Non-functional AC
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