![]() It seems counter intuitive but you will effectively lose detail by saving your video with bigger dimensions but a low bitrate. This will result in a big video that looks clunky and blocky due to the low bit rate. If you render your video at 1080p (1920x1080) you will need to lower the bitrate of your video to keep it under 20mb. When needing to keep video file sizes small while getting the best possible quality, bitrate is more important than the dimensions of your video. You might not think this is big enough to look good, but see the next bullet for the reason. Anything bigger and you will not be able to keep the video under 20mb. Your video dimensions should be 1280x720. This tutorial of mine shows you how to do that. If you need to engage people with your show reel, include a play button on the banner that displays the video in a lightbox when clicked. People will not stick around to watch an entire muted/looping background video. It is the best file format for compression while retaining quality. How to Keep Your Video File Size Below 20mb Read the help article to see all of Squarespace’s background video upload requirements. Below I cover tips and tricks to keep your video’s file size below 20mb. I recommend aiming for around 20mb as an ideal goal. But in order to keep your site loading quickly, it is important to keep your video file as small as possible. Per Squarespace’s help article, videos can be up to 500mb. I cover how to upload background videos using the file upload method in the video below, so watch that to learn how. In order to get around most of these roadblocks, we can use this new file upload method which contains the above attributes that will allow the video to play on mobile. If the site visitor has a slow connection Some browsers apply the muted attribute incorrectly and this blocks playback If the device is in Low Power or Battery Saver mode The attributes needed for autoplay to work are:Īutoplay (needed for both Android and IOS)Įven then there are numerous exceptions that can prevent autoplay from working. The main reason banner videos don’t show up on mobile is that the ability to play a video is controlled at the Operating System level rather than the browser level.Īs Colin Irwin pointed out in a thread about this issue on the Squarespace forums, Android and iOS have both blocked autoplay background videos until recent releases, and you now need specific attributes in order for the video to play. While those can be factors, it is not the whole story. Squarespace’s help article on this issue sites banner videos not showing up on mobile as being caused by a visitor’s connection speed or browser version. If you are seeing your mobile fallback image in its place, then rest assured you have likely done everything correctly and the blame does not lie with you. ![]() You might be frustrated to see that your Vimeo or YouTube linked banner video is not playing when viewing your Squarespace site on a mobile device.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |