Shoppable video
Recorded video with products tagged at the moments they appear, so viewers can inspect or add them without leaving playback.
See it
What it is
Shoppable video is recorded video with products tied to moments in the timeline. When the jacket appears, its tag or card appears too; the viewer can inspect a variant or add it to the cart without hunting through the catalog. Unlike live shopping, the cue points are edited once and can work on every replay. YouTube Shopping's product tagging is the same idea inside someone else's player.
Reach for it when a tutorial, lookbook, recipe, room tour, or creator clip already does the selling. Each cue should point to a stable product or variant ID, while the card reads today's image, price, and stock from the catalog.
Gotcha: do not burn the price or Add to Cart graphic into the video. That picture goes stale and is inaccessible to keyboards and screen readers. Keep product cards as real interface elements synchronized to the playback time, and make the full tagged-product list available outside the timeline.
Ask AI for it
Build a shoppable HTML5 video player with a JSON cue list containing startTime, endTime, and productVariantId. Use the HTMLMediaElement timeupdate event to activate cues, then render each active product as a keyboard-focusable card beside the video with image, title, selected variant, live price, stock, and Add to Cart. Fetch commerce data by variant ID rather than storing price in the cue file. Include a persistent 'Products in this video' list, pause playback when a product detail sheet opens, restore focus when it closes, and revalidate price and availability on the server before adding to cart.