logo
Shopify Builds>Integrations>YouTube

YouTube

YouTube is Google's video platform. Its iframe embed lets a page host a player it does not serve, controlled by URL parameters and a JavaScript API. For a storefront the trade is plain: hosting, transcoding and delivery come free, and the embed brings a third-party frame the page has to decide when to create.

Documented at https://www.youtube.com/.

How We've Used It

Merchandiser-authored video is the case that keeps coming up. Sections take a video reference as a setting or a metafield and accept either a Shopify-hosted file or a YouTube embed, so marketing picks per block without a deploy and one section serves both. Embeds are deferred: a poster image renders first and the frame is created on interaction or when the block approaches the viewport, which makes the number of third-party frames on a page a function of what a shopper actually opens rather than of how many videos a merchandiser placed. Blocks with no video reference render nothing at all.

Builds Using It

7 further gated builds use it; their pages follow.

Related Entities

Our Role

Integration. We render the embed and control when it loads; the player and the content are YouTube's.

Builds

Brand story split panel: one section that renders image, hosted video or YouTube with separate desktop and mobile assets

A 50/50 story panel whose media half is a picture, a Shopify-hosted video or a YouTube embed depending on one select, whose mobile aspect ratio is computed in Liquid from the asset that will actually load, and whose type scale, spacing and side-flip are all settings — so an About page is one section, placed as many times as the story needs.

LUS Brands

Product-card hover video and a reusable deferred-media playback refactor

The shared product card's hover slot can hold a short clip instead of a second still: a per-product metafield decides which, the card emits a video that fetches nothing until asked, and a pointer-only, motion-aware binder plays it on hover of the whole card — plus a refactor of Dawn's deferred-media element that handles every player kind through one function.

LUS Brands

Creator collab video listing driven by article metafields

A blog turned into a creator video index: each article is a creator record whose video address, platform and handle live in article metafields, rendered as a paginated grid of inline-playing cards that request no third-party iframe until someone presses play.

Nudestix

Featured tutorial with an adjacent shoppable product rail

One section, two halves: a poster-first video that fetches its YouTube or Vimeo player only on click, and beside it the first three products of whichever collection a merchandiser picks — each one a real card with a quick view and an add to bag that never leaves the page.

Nudestix

Four selectable How-To step layouts from a single metaobject step list

One list of `how_to_use` step metaobjects renders as a card grid, a slider, a numbered timeline or an image-and-text split, chosen per product, with a desktop and a mobile asset per step and video that plays only while in view.

LUS Brands