Producer Retry Errors With Webm/Video Assets

Producer Retry Errors With Webm/Video Assets

JoshuaJones
Shopify Partner
1 0 0

Running into an issue where any use of mp4s/webm's in my shopify theme are throwing producer-errors in the console. Even trying to use the demo reel off of webmfiles.org causes this problem

 

Here we have the following code:

 

 
<video
    autoplay
    muted
    loop
>
    <source src="{{ 'big-buck-bunny_trailer.webm' | asset_url }}" type="video/webm">
</video>
This will visually load and play in the browser, but behind the scenes is causing `producer-errors.js` to log in the console that it has attempted fetching 5 times. This is causing the site to crash on mobile as it's exceeding the rate limits Shopify has in place, resulting in the "A problem repeatedly occurred" crash .
 
Retry count:5 Error msg:Error completing request. A network failure may have prevented the request from completing. Error: TypeError: Failed to fetch
Aborting request
 
Looking in the network tab, the initial request kicks back a 307 Internal Redirect followed by a 206 Partial Content response. Has anyone run into this issue that can provide direction to help resolve it? The payloads for these files fall under the limit as well.

 

 

Replies 0 (0)