Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
Shopify does not natively support serving video files in WebM format for several reasons:
1. Performance Optimization
2. Cross browser compatibility since WebM does not work well in safari browser in IOS.
3. Shopify uses its CDN to deliver assets, including videos, efficiently. WebM does not work well with Shopify’s streaming-first approach since WebM is typically used for direct embedding rather than streaming.
4. By converting videos to .m3u8, Shopify ensures that merchants don’t need to worry about transcoding or choosing the correct format for different browsers.
If you want a workaround for this you can use a WebM file with a <video> src tag:
1. Host the WebM Video Externally
2. Embed it in your Shopify store using the <video> tag.
3. Convert your WebM file to MP4 using a tool then add that video. Shopify supports MP4 for direct embedding.
Hope this can help you!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Thank you
Recently Shopify started doing this to my MP4 files as well. Now I cant use autoplay and other functions, in fact, it doesnt function like a video at all.
The file uploaded into Content > Files is an mp4 but when i use the video tag in shopify liquid it outputs an m3u8. Seems like a bug?
1. Performance Optimization
How that? Actually it vice verse, you do not allow us to use webm... Which is much lighter...
2. Cross browser compatibility since WebM does not work well in safari browser in IOS.
Why you dont allow to devs fix it themself? We can use fallback to mp4..
3.Shopify uses its CDN to deliver assets, including videos, efficiently. WebM does not work well with Shopify’s streaming-first approach since WebM is typically used for direct embedding rather than streaming.
WHAT?
WebM is actually quite capable of streaming - it's based on the Matroska container format which was specifically designed with streaming in mind. Google developed WebM with streaming as a key use case, and it's widely used for streaming on platforms like YouTube.
4. By converting videos to ...
We already talked about it.