How to add a mp4 file

Design help General
9

I’ve experimented with this somewhat. One way I found to be successful is:

  • first upload the mp4 video to Dropbox or a similar cloud based storage platform
  • make sure the mp4 has no restrictive permissions so that it can freely be shared or embedded.
  • In webflow, go to “Add Elements”. Then select the “Embed” Component and place it within your page structure. Open the “Embed” component and paste this code:
<video controls autoplay playsinline poster="www.thumbnailurl.com" style="max-width:100%;width:100%; height:auto; max-height: 100%">
  <source src="www.mp4videourl.com">
</video>

Grab the urls for both the thumbnail of your video and the actual mp4 video and paste them instead of the placeholder urls. Then it should work.

for more information about the Video tag used in the code above, see here

2 Likes