Is it normal for Webflow to load both the mp4 and webm versions of a video, resulting in a larger file size?

Published on
September 22, 2023

Is it normal for Webflow to load both the mp4 and webm versions of a video, resulting in a larger file size?

No, it is not normal for Webflow to load both the mp4 and webm versions of a video, as it would result in a larger file size. Webflow's recommended approach is to use a single video file format, such as mp4, which is supported by all modern browsers. However, it is a good practice to provide fallbacks for unsupported formats or older browsers.

To optimize the video file size and ensure compatibility across browsers, you can follow these steps:

  1. Upload a single video format: Upload your video in the mp4 format, which is widely supported by modern browsers. This will reduce the overall file size and simplify the process.

  2. Use Webflow's built-in video component: Use the Video component provided by Webflow to embed your video. This component automatically handles the video playback and supports mp4 files.

  3. Add fallbacks for unsupported formats: While it's not necessary to load multiple video formats in Webflow, you can add fallbacks for unsupported formats using the HTML video tag. For example, you can include an additional source tag for the webm format, which can be specified within the video component's settings or via custom code.

By following these steps, you can ensure that your video loads efficiently and is compatible with most browsers, without unnecessarily increasing the file size.

Additional Questions:

  1. How do I add a video to my Webflow website?
  2. Can I autoplay videos on Webflow?
  3. What video file formats does Webflow support?