Why I Host my Webflow Videos on AWS (and How To Do It)

AWS is my choice for hosting production content (video) on client projects. Here's how to set it up to make your videos publicly available so that you can use them in your Webflow project.
//TRY WEBFLOW
try.webflow.co...
// FREE resources
✂️ Code Snippet Library: code-snippets-...
🤝 CSS Nobody Told You About: www.webbae.net...
🚗 Roadmap to learn Webflow: www.webbae.net...
// Premium content
🤝 Patreon: / webbae
🕸️ Advanced Webflow Course (201): www.webbae.net...
// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): www.creativeco...
// Connect
🙋‍♀️ Join the Discord: / discord
🐥 Follow Me! / webisbae

[@tranqilo397]

Also, you can just go to the file and in the drop down names "actions" and at the end you can findd "make public with ACL enabled"

[@webbae]

nice add! pinned! thank you.

[@The1000business]

Wow, this information is worth gold, I have been using Webflow for a short time and I was having trouble finding the easiest way for video. And you my dear friend solved this for me. Thank you so much!

[@webbae]

Glad it was helpful!

[@kevbcharlton]

Big help today! Thank you!

[@sakshamarora798]

You must have had a fun time working on that thumbnail 😂

[@JohannesFraundorfer]

Amazing tutorial! Would this also work with videos hosted in vimeo or google drive?

[@webbae]

I need to do more video content for sure. Thanks for the idea!

[@DamienBowman]

Might want to consider using CloudFront which is AWS' CDN. It should be a somewhat cheaper than your estimate AND you can use your own domain. You also don't have to make the bucket public as you can set security so that only public access comes from CloudFront origin. Signed URL's prevent unauthorized downloads and prevent multiple views if you care about that sort of thing. Thanks for the Webflow video -- gave me a great idea on a project.

[@webbae]

Damien - really appreciate this comment. I'll look into the tools you mentioned I'm always looking for how to make things more performant. Thanks again and glad my video helped you get an idea!

[@jclewis33]

I second using AWS' CDN. I setup S3 with the CDN and it works great. The added benefit is that once the video or audio is in the CDN, it will pull from there rather than S3 and will be cheaper. It is also more secure as you don't have to allow public access to your bucket. Thanks for the video.

[@heatherliu6856]

Thumbnail set high expectations for video. Video content still satisfied expectations 👏

[@webbae]

We're going full Bezos on this one.

[@ihsaan7807]

Thanks dude!

[@hezychasta]

Many thx bae:)

[@MichaelSarduy-g8s]

im trying to host a clients course on a gated page on webflow and want to make it near difficult for people to download the course contents. will amazon aws help with this?

[@webbae]

The basic setup makes the download a direct link. I haven't explored what you describe before but here's a quick output from AI which might help you get started: chat.openai.com/share/8183c465-d11f-499c-b7a1-9530ab6067eb Here's a Stack overflow article: stackoverflow.com/questions/9756837/prevent-html5-video-from-being-downloaded-right-click-saved I think Vimeo might have some options as well so you might want to go with their service.

[@MichaelSarduy-g8s]

thanks foe the quick reply. Will look in to it!@@webbae

[@darshildixit3438]

So, Who offers the best free tier plan Amazon or Dropbox? Thanks for the awesome videos!

[@webbae]

Depends - Dropbox free plan is better than expected but if you exceed the monthly bandwidth then they’ll shut you off. So I guess I would recommend Dropbox for a project where that wouldn’t be a big deal. AWS will roll you in to pay-as-you-go which to me is a better option for production/client sites. Someone noted that there may be some better and cheaper options through Amazon cloud front but I haven’t explored that yet.

[@darshildixit3438]

@@webbae Got it! Thanks alot :)

[@andreasbjoernmadsen]

Do you have any idea of the loading time compared to other options? I'm working on a site with a lot of lightboxes with youtube embeds, but there's usually 3-5 seconds of loading before being able to play any lightbox video, so I'm considering alternatives like this.

[@webbae]

Hmmm not completely sure sorry. I would think the KZbin embeds should load pretty quickly. I’m guessing the lightbox component doesn’t load it’s content until user clicks. Maybe it’s possible to preload?

[@splendouraustin]

please how do I add the javascript on webflow?

[@webbae]

Hi! You might find some of the concepts in this video helpful. kzbin.info/www/bejne/naKTm6pplMlof8ksi=02GVXyFi8Y7D5LRw

[@infiltretor287]

Does hosting/storing images work the same way essentially?

[@webbae]

Yes you could host images here as well but I’m not sure why you would over Webflow. Are your images larger than the Webflow max or something?

[@infiltretor287]

So I’m working on a project where the images will need to be used for testing with an AI part tracker. The client wants the images uploaded into S3 with ID numbers so the API can pull from the bucket.

[@infiltretor287]

I’m a bit confused myself, so I hope that makes sense lol.

[@webbae]

@@infiltretor287 sounds like an interesting project. Should work. Host the images on S3 the. Use a tag using code embed to put it in Webflow designer.

[@infiltretor287]

@@webbae how would that work with a CMS database?