{"product_id":"video-embed-in-slideshow-and-hero-prestige","title":"Video Embed in Slideshow and Hero","description":"\u003cp class=\"task-lead\"\u003eA lifestyle brand wanted a video banner on the homepage with a transparent menu over it that solidified as the customer scrolled.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eTransparent main menu over the video banner. More transparent at the top, then it should become solid when scrolling down. And the video should loop without controls.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe brand wanted the hero to feel cinematic. A solid header over the video was killing it.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built the video hero with a header that starts transparent and transitions to solid on scroll. The video loops muted with no controls. On mobile the header starts solid for readability and the video swaps to a poster image.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLooping muted video hero\u003c\/li\u003e\n\u003cli\u003eTransparent header that solidifies on scroll\u003c\/li\u003e\n\u003cli\u003eSolid header and poster image on mobile\u003c\/li\u003e\n\u003cli\u003eVideo and overlay controlled in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511472202,"sku":"TASK-0069","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/video-embed-in-slideshow-and-hero-prestige","provider":"TaskHusky","version":"1.0","type":"link"}