Shopify video hosting that doesn’t slow checkout.
Product video lifts conversion. Slow product video tanks conversion harder. Drop a 2 KB script in your product description or theme.liquid and ship the conversion lift without the Core Web Vitals penalty — plus per-video play, retention, and A/B test analytics Shopify’s native player doesn’t expose.
Direct answer
Q: What's the best way to host product video on Shopify without hurting Core Web Vitals?
A: Embed HostMyVideo's 2 KB script tag in your product description (Custom HTML) or directly in theme.liquid for global placement. The lite embed defers the player until press-play, keeping LCP green on PDPs, and you get per-video play, retention, and A/B test analytics that Shopify's native video doesn't expose.
Why product page video usually backfires.
Native video kills LCP
Shopify's video element ships preloaded markup that pushes Largest Contentful Paint past Google's 2.5 s threshold on mid-tier mobile devices.
No per-video analytics
Shopify Analyze gives you sessions and add-to-cart, but no play rate, retention curve, or 30-second drop-off — the metrics that actually drive video iteration.
Conversion impact is invisible
Without per-video data, you can't A/B test which video drives the lift. The PDP video that's tanking your conversion looks identical to the one that's lifting it.
Two integration paths. Pick yours.
Per-product (description)
Open the product in admin, click Show HTML in the description editor, paste the snippet. Best for catalogs under 50 SKUs where each video is hand-curated.
Catalog-wide (theme.liquid)
Add a 'hmv_id' product metafield, drop a Liquid block in sections/main-product.liquid, reference the metafield. Every product can carry its own video automatically.
Save, publish, measure
Hit save and the video goes live instantly. Per-video analytics start flowing the moment your first shopper presses play — no Shopify app install.
Paste this in any rich-text product description.
<!-- HostMyVideo lite embed (~2 KB) -->
<!-- Paste in product description (rich text) or theme.liquid -->
<div class="hmv-embed" data-video-id="YOUR_VIDEO_ID"
style="aspect-ratio:16/9;max-width:100%"></div>
<script async src="https://hostmyvideo.io/embed.js"></script>For catalog-wide rollout, load the script once in theme.liquid and reference a per-product metafield in your main-product section.
{%- comment -%} HostMyVideo — global placement, theme.liquid {%- endcomment -%}
<script async src="https://hostmyvideo.io/embed.js"></script>
{%- comment -%} Per-product, sections/main-product.liquid {%- endcomment -%}
<div class="hmv-embed" data-video-id="{{ product.metafields.custom.hmv_id }}"
style="aspect-ratio:16/9;max-width:100%"></div>Shopify product page with the embed beside the buy button
Designed for merchants who ship fast.
2 KB lite embed
Initial markup is a poster + play. Player only loads on press-play. Shopify Web Vitals stay green on PDPs.
Per-video analytics
Play rate, retention curve, 30-second drop-off, and A/B test variants — the metrics Shopify Analyze doesn't expose.
Custom domain
Pro plan ships videos.yourdomain.com — preserves first-party cookies for analytics consent flows.
Branded player
Match your store's accent color, controls, and watermark. The player feels native to your product page.
Indexed in Google
Watch page ships VideoObject + Clip JSON-LD so PDP videos can rank in video search and Key Moments.
Shopify-specific questions.
Will adding video to my product page hurt my Core Web Vitals?
Not with HostMyVideo's lite embed. The 2 KB script ships a poster + play button on initial render — the HLS player only loads when a shopper clicks play. We measure under 0.05 s of main-thread blocking, which keeps your LCP, INP, and CLS scores in Shopify's green Web Vitals threshold.
Where should I paste the embed in Shopify?
Two clean options. (1) Inside the product description (rich text editor → Show HTML → paste). (2) Directly in sections/main-product.liquid using a metafield reference, so every product can carry its own video without manual copy-paste. The second approach scales to thousands of SKUs.
Does the embed work with the Shopify Online Store 2.0 sections?
Yes. Add a 'Custom liquid' section block to your product template, paste the snippet, and save. The same approach works in Dawn, Sense, Studio, and every paid theme on the Shopify Theme Store.
Can I use my Shopify primary domain for the video?
Pro plan and above. Add a CNAME (videos.yourdomain.com) at your DNS host pointing to HostMyVideo. The embed will then serve from your Shopify primary domain, preserving first-party cookies for analytics consent flows.
How does this lift product page conversion?
Product video has been shown to lift add-to-cart rates by 25-80% in A/B tests across categories. The catch is that slow video hurts more than no video. By keeping the embed lightweight you capture the lift without paying the LCP penalty that drags organic search rankings.
Does this work with checkout extensions?
Yes — embed videos in the post-purchase page or thank-you page using the same script. Shopify's checkout extension framework allows custom HTML, and our embed is a standard async script tag that complies with the CSP rules Shopify documents for checkout extensions.
Use HostMyVideo on every page builder.
Webflow
Paste in any Embed element — designer-friendly.
View guideIntegrationWordPress
Custom HTML block for Gutenberg, Classic, Elementor.
View guideIntegrationNotion
Paste the /v/ link — auto-embedded as a 2 KB iframe.
View guideIntegrationFramer
Drop an Embed component, paste the script.
View guideLift PDP conversion. Keep checkout fast.
14-day free trial of Pro. No card. Paste a snippet, ship faster product video, watch Web Vitals stay green.