I see 2 common approaches to dealing with video on mobile browsers: Hide the video with CSS "display:none". (This results in a partial video download that the user can literally NEVER see). Serve the same video to both mobile and desktop. This video is typically 720p or 1080p, and designed to look great on large … Continue reading Video Playback on Mobile Devices
Blog
Update: March 28, 2020 This weekend, my son asked to play with the LEGO crane. WE pulled it out of the box, and reconnected all the pieces. Then I went to Google Play to download the app - 159 MB! The asset bundle dropped from 245 MB to 120MB Still big, but half the size it … Continue reading Size Does Matter: LEGO’s 300MB Android App
Background videos, and videos that autoplay on websites are becoming more and more popular (and perhaps will soon be the new normal). It is also common to only display the video on larger screens, and to hide the video on small screens. An Anti-pattern emerges However, in my experience of looking at hundreds of websites … Continue reading Hiding Videos on the Mobile Web
Video content on the the web is increasing - with such an immersive medium - it is pretty much a . no brainer. However, a few months ago, I looked into how the web is using video on the web, and found that slow video startup times and stalls are much more common than we … Continue reading Video Playback Metrics: New Synthetic Testing Tool StreamOrNot
You have probably seen it while browsing your favourite social media feed - where a video plays silently, but there are captions running across the bottom, indicating that something interesting is happening. Personally, I am more likely to stop and watch a video in my social feeds if there are captions (while the video plays silently). … Continue reading Video Accessibility: Adding Captions