How to add an .MP4 video file to place on the screen

I have created a website in webflow ( http://realtimedesign.webflow.io/) and I’ve successfully exported it and deployed it into production - http://frictionless.xyz/

As a next step, I am trying to embed .MP4 videos onto the smartphones on the site. I attempted to do this in webflow, but the videos come out extremely blurry on the smartphone images (see staging site) - http://realtimedesign-4c6f6077f19df7eb874f940b.webflow.io/

We are a design firm launching a website re-design, and it’s important that the video files look near perfect and laid out to fit in the smartphone. Does anyone know what I could need to add to the HTML in order to make the videos look sharper?

As an example, we would like to make the videos look as sharp as this company - http://sfcd.com/

The sample video file is here - https://d13yacurqjgara.cloudfront.net/users/29348/screenshots/2297828/attachments/434556/filter1.mp4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.