When I upload a .webm as a background video element on my page, it looks like Webflow creates a .mp4 and .webm asset. My guess is that somehow the browser is supposed to decide which one to load, but I can only ever see it loading .mp4 (using chrome 107). What is the point of being able to upload .webm if .mp4 is always served? I would love to use .webm as the background video. Or am I just not reading the Chrome dev tools correctly?
MDN documentation says HTML video file loads “first one it understands,” which undoubtedly is .mp4 since it’s very well supported by modern browsers. Webflow background video element places .mp4 source first in the list, which is actually pretty standard convention according to Stack Overflow
It seems counter-intuitive to list .mp4 first to me as webm is “better” though less widely supported (lower file size for quality). I may be missing something here though?
I imagine the solution here is to use an embed, copy/paste the video code generated by Webflow background video element, but switch the source order so .webm comes first.
Interested to hear if anyone else had thoughts on this! Thanks again.