Flexitive supports MP4s encoded with H.264 codec (X264). MP4 videos are usually larger files and might affect your ad serving fees.

Any changes you can make to a regular image file can also be made to a video, such as changing position, applying animations and setting contain/fill to crop the video. In addition, you can make changes specific for videos in the Customize panel, such changing the settings for:

Controls such as pause/play and fullscreen will be available or unavailable
Option to automatically re-start your video once playback is finished
Control whether or not the video automatically plays
Control whether the video is muted or un-muted by default.

Autoplay and Mobile Devices

When displaying a design containing an MP4 Video, you may notice setting the autoplay option to On does not have any effect on a mobile or tablet device. 

If your design has a video set to AutoPlay, and the design is being viewed on an Android/iOS smartphone or tablet, AUTOPLAY WILL NOT WORK. Instead of the video auto-playing, a play button will appear. If someone viewing the design taps the play button, the video will begin playing.

Both iOS and Android devices operate on cellular data networks, and the developers of iOS and Android have prevented videos from auto-playing to protect their user's data limits. 

We recommended setting video AutoPlay to OFF if the design will be displayed on iOS/Android devices.

Checking the Codecs of your MP4

MP4s displayed in Flexitive designs will need to use the H.264 codec. If you are using a Mac, you can check the Codecs for an MP4 video by right-clicking the file and clicking 'Get Info'. In the 'More Info' section, the Codecs will be listed.

To check if your MP4 is using the correct codecs on a Windows Machine, you can check using the GSpot Codec checker. The GSpot codec checker can be downloaded here.

Once you've downloaded the GSpot codec checker, open the gspot.exe file in the ZIP folder to start the tool. You can then check the codecs for an MP4 by tapping File>Open and selecting your MP4 from your files.

After opening the file in the GSpot codec checker, check the 'Name' field on the right-hand side of the application. If the 'Name' field shows H.264, then the video file can be used in a Flexitive design.

Compressing an MP4 Video

Due to the high file size of MP4s, it is important to always reduce the file size of MP4s as much as possible before uploading the video to Flexitive. When reducing the file size of MP4s, it is important to consider the following:

  • Resolution of the Video - Often times, a video being used in a design will be displayed as a very small thumbnail. As a result, it is generally recommended that you reduce the resolution of a video to better match the size it will be displayed in.

    For example, if a video is hosted in a 300x250 design, uploading a video with a resolution of 1920x1080 will take significantly more file size than is necessary. Try reducing the resolution of your video to better match the resolution of your design.

  • Cut the Video to the Shortest Possible Length - If a video is only going to be visible for a short period of time, it is generally recommended that you cut the video down to the length of time that it will be displayed for.

    For example, if I have a 30-second video that will only be displayed on my design for 5 seconds, it is recommended that I cut out the portions of the video that will not be displayed and upload only the 5-second clip that I need to Flexitive.

MP4 Video compression can be complicated, but there are tools you can use to help. One example of a free tool you can use to help compress an MP4 video is Handbrake. Handbrake for Windows or Mac can be downloaded here.