Streaming live at 10am (PST)

How to embed MP4 videos into my site

Hello. I’m trying to embed two MP4 files into my site. I noticed that this is a topic that’s come up before in the forum, but I can’t find a definitive answer on how to do this.

They’re short animations. I’d like them to play automatically and loop. I do not want any controls visible, only the looping video. Currently I host them myself, so I have URLs. Should I use the HTML embed component? If yes, what is the best code to use?

Thanks in advance for your help!

Played with this in the past but my knowledge of code was meh,
I thought lets have another go now I understand the settings and perculiarities of hosting and so on.
Woot, I got what I wanted and I think its what you want.
If it is, tick the love heart and solution please.

Here is the code.

<video loop autoplay >
<source src="https://www.dropbox.com/s/3bvckbups0zwkz7/sdl-2.mp4?dl=1" type="video/mp4">
   </video>

Hey @iDATUS. Thanks.
This almost works. The good news is that the video plays automatically and loops; and there are no controls. But I can’t control the size. I have it sitting in a column, and it exceeds the size of the column. Any idea how to control the size?

Thought you might check out the html video settings such as I.
They include lots of other bits but I will show here the setting you can play with.
video loop autoplay width=“320” height=“240”
dont for get the < and > start and end

Figured it out:

<video src="https://www.dropbox.com/s/3bvckbups0zwkz7/sdl-2.mp4?dl=1" width="100%" height="100%" loop="loop" autoplay="autoplay"></video>

Thanks so much!

Brill, now dont forget the ticks :wink:

Hmm … in the Webflow dashboard, things are fine. But the movies don’t play when published in Chrome but rather appear as static, and in Safari the movies appear as blank white boxes.

OK, this is the code I wound up using:

<video src="https://player.vimeo.com/external/464270324.hd.mp4?s=27bd8e0f1e5163bd04b250c85da2bf954c07d405&profile_id=174" width="100%" height="100%" loop="loop" muted="muted" playsinline="" autoplay="autoplay"></video>