How to add my own video to product page (Not youtube video)

Topic summary

Adding a self-hosted product video without YouTube. Core method: upload an MP4 (<20MB) to Shopify Settings > Files, copy the file URL, then insert an HTML5

Autoplay/loop behavior: add attributes like autoplay, loop, muted, playsinline. Modern browsers—especially mobile—often block autoplay; mobile typically requires muted and playsinline, and low-power mode can prevent autoplay. Code examples were shared to implement autoplay/loop.

Troubleshooting: videos may not play when using non-MP4 links (e.g., a Wistia page URL or HLS .m3u8). Use a direct MP4 source. App interference (e.g., after installing a video app) can break prior embeds; direct assistance was offered.

Thumbnails: some MP4s show a blank poster image; a workaround is appending #t=1 to the MP4 URL to display the frame at 1s, with the trade-off that playback starts there. A tutorial link was shared.

Other: QR-code-only access can be done via an unlinked page. Open questions include overall Shopify file storage limits and making the video itself link to another page. Initial issue resolved; several follow-ups remain ongoing.

Summarized with AI on December 13. AI used: gpt-5.

even if I check “autoplay”, it’s not playing, you have to go and enable show controls and then hit the play button

1 Like