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

Shopify converts webm in to m3u8?

Shopify converts webm in to m3u8?

Dixor
Shopify Partner
32 3 13

How that possible that Shopify do not support webm formats?
I have upload my own video file in webm format which Shopify convert to some m3u8 so it fails to use via html video src tag. So what is the reason for this?

Replies 3 (3)

asif_ShopiDevs
Shopify Partner
1 0 0

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

Find it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
jessie_monument
Shopify Partner
16 0 11

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?

Dixor
Shopify Partner
32 3 13

 

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.