How can i include a video in webm format?

Bettina_Lucas · May 9, 2019, 10:02am

How can i include a video in webm format instead of an animated Gif?

I tried it with the video function, but it is not possible to enter the URL: https://www.feueropale.de/images/animation.webm

Webflow show: invalid embeded type link.

I want to use this video instead of an animated GIF. So i need also the autoplay function. Can you help me in this?

Thanks a lot!

PeterDimitrov · May 9, 2019, 12:39pm

Piter

forresto · May 10, 2019, 3:23pm

You can use an HTML Embed block with the following code:

<video autoplay loop muted playsinline src="https://www.feueropale.de/images/animation.webm" style="width:100%; height:500px"></video>

An alternative would be to use our background video element, which takes care of encoding the video and making the video tags.

Bettina_Lucas · May 13, 2019, 8:11am

Thanks for your answer! I included it as a background image but the video is not shown on the start page: https://girasol.webflow.io/

Bettina_Lucas · May 13, 2019, 8:12am

forresto · May 13, 2019, 3:50pm

I need to look into the reason for this, but a quick fix for you is to set z-index: 0 on the background video element:

Bettina_Lucas · May 14, 2019, 9:20am

Thanks! I made it with an embeded code because as background video the dimenson are not like the original ones.

Bettina_Lucas · May 15, 2019, 1:06pm

Now i have the problem, that the video is not shown on iphone.

On Desktop it work well. The video is .webm. So for iphone i need .mp4?