Embedding videos hosted in AWS S3

[Fisiomoviment.activa (Sonia)]

Hi! I’m having trouble setting a url from s3 into a video element. The video is public, it can be played in the browser https://provamovefisiomoviment.s3.eu-west-3.amazonaws.com/Estiramiento+extremidad+inferior.mp4
But when in the video element it says Invalid embed type: link

If anybody knows where I’m going wrong?
Thanks

[Matthias]

@Fisiomoviment.activa I not 100% sure, but aws is not supported by webflow

Can you use AWS to host video?

yoooo! I am trying to use my aws to host some videos for my site but when I paste the link in the video component it wont let me. Is there a trick to doing this? If not what else is out there for a more professional way to show videos? You tube looks bad imo. I did this no problem with cargo collective so figured this cant be too hard. I also would like to have the video looping on my site if possible, is there a way to do this besides the background video, I am not sure that will work for wh…

[Fisiomoviment.activa (Sonia)]

I already read that post and at the bottom Pixl3 wrote a code to embed a background video hostend in w3, which is almost what i pretend, and that I can do right now. But instead of background video, I want an ordinary one. There might be a clue for that?

Can you use AWS to host video?

HI there, We used S3/Cloudfront to stream videos for a client we worked with - below is the home page video code we embedded. We created an s3 bucket and pointed it to a cloudfront endpoint in aws: [46] For the CMS it was slightly different this is the code used including variables: [01] The variables used were to add a poster image and to complete the video url. In a way, it replicates what Webflow do but it’s not as slick as drag and drop. Let me know if that makes sense. Rupen.

Also here are instructions to set up w3 as a host for webflow:

File Hosting with Amazon S3

I see a lot of people requesting file hosting in Webflow, and even though it’s a planned feature, I thought I’d share how we tackle this. We store all kinds of stuff in S3, but also use it for PDF and JavaScript files on our Webflow projects. For example, the typing animation on our home page runs off a JavaScript file hosted on S3. [image] Getting started with S3 You’ll need an account. The AWS Free Tier will get you going with 5GB of storage for the first…

[Fisiomoviment.activa (Sonia)]

Hi! I’m embedding the video from s3 with this code and it works. I just wondered why embedding the ‘video’ element didn’t work:

video width=“320” height=“240” controls>
source src=“https://provamovefisiomoviment.s3.eu-west-3.amazonaws.com/Estiramiento+extremidad+inferior.mp4” type=“video/mp4”>
/video>

[vincent (Vincent Bidaux)]

@Fisiomoviment.activa

I just wondered why embedding the ‘video’ element didn’t work:

Because the Video Media Element of Webflow only takes a link to a Vimeo or Youtube video page.

If you need to link and external video, what you did is the only way.

[PiXL3]

If you add the video embed code in the cms template, you can add any video in the editor.
We created a knowledgable and all the editor needed to do was to add the filename (which was the variable)

Let me know if you have any questions on this.

If/when Webflow add it as a feature then this would be amazing.

Rupen.

[Fisiomoviment.activa (Sonia)]

I tried to put the code in the custom code at the settings, but suppose that’s not it? If you could give me another clue?

[PiXL3]

Hey @Fisiomoviment.activa

You have to put it in a css template page - you’ll see it listed. Have a look at the screenshot.
Let me know if that helps.

[Fisiomoviment.activa (Sonia)]

Great @PiXL3! thank you all!