{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/91ba3ceb74be4e4d835600e857b2d727\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/91ba3ceb74be4e4d835600e857b2d727-full-1708719943313.jpg","duration":250.93,"title":"Amazon Prime Video Slider - Progress Bar + Ad Markers Components (Figma, 2022)","description":"Hey there! In this Loom, I'm going to show you a new feature for the Alexa Design System - Ad markers for video sliders. These markers will be available on Prime Video, Fire TV, and other similar video platforms from Amazon. I'll be demonstrating how to use these markers on our simplest slider and showing you how to manipulate the width and positioning of the progress fill, buffer fill, and Ad markers using an auto layout trick. I'll also show you how to add and position Ad markers using Boolean component properties. By the end of this video, you'll have a good understanding of how to use Ad markers for video sliders. No action is requested from you, this is just a demo."}