Mock Product Videos

Overview

Imagine an e-commerce platform that showcases product videos.

The Journal

This is a 13 second, full HD video that weighs a whopping 34MB.

Lots of customers have videos like these in storage somewhere. Migrating them to Stream and delivering them along with an HLS player library is cumbersome.

Outputs

Optimized

Just the default options returns a 640w at 2.2MB.

Still Frames

For use in galleries, search results, etc.

"scale-down" scales to maintain aspect ratio, containing the entire input video within the provided output dimensions.

"contain" is similar, but will also upscale to maximize the fit.

"cover" scales to maintain aspect ratio to completely cover the output dimensions, then crops any overflow.

"crop" is still in development

Transformed Videos

For use on product pages, detail screens, modals, etc.

5 second, square video, without audio

5 second, vertical video, with audio


The Coffee

This is a 8 second, full HD video that weighs a whopping 29MB.

Outputs

Optimized

Just the default options returns a 640w at 2.2MB.

Still Frames

For use in galleries, search results, etc.

"scale-down" scales to maintain aspect ratio, containing the entire input video within the provided output dimensions.

"cover" scales to maintain aspect ratio to completely cover the output dimensions, then crops any overflow.

"crop" is still in development

Transformed Videos

For use on product pages, detail screens, modals, etc.

5 second, square video, without audio

5 second, vertical video, with audio


The Mobile

This is a 15 second, full HD video that weighs a whopping 19MB. (I ran it through ffmpeg initially.)

Outputs

Optimized

Just the default options returns a 640w at 2.9MB.

Still Frames

For use in galleries, search results, etc.

"scale-down" scales to maintain aspect ratio, containing the entire input video within the provided output dimensions.

"cover" scales to maintain aspect ratio to completely cover the output dimensions, then crops any overflow.

"crop" is still in development

Transformed Videos

For use on product pages, detail screens, modals, etc.

5 second, square video, without audio

5 second, vertical video, with audio