Help with custom code displaying a video

Design help Custom code
1

So I have this code that is displaying a video, but this was the placeholder from a clone.

so if this is the source https://d3e54v103j8qbb.cloudfront.net/videos/freelance-video.1ae8c7e629.mp4 how can I host my video the same way? Cloudfront links to amazon AWS but I don’t know how to host a video with them like this. Any help would be greatly appreciated!

Thank you!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

3

Hopefully this displays, added a few spaces

< video playsinline=“” loop=“” muted=“” id=“main-video” style=“max-height: 50vh; max-width: 100%; display: block; overflow: hidden; border-radius: 5px;” poster=“https://uploads-ssl.webflow.com/5a31661749520e00017ec983/5b3bff5709656e2f8a8d0936_fa-poster.jpg”>
< source src=“https://d3e54v103j8qbb.cloudfront.net/videos/freelance-video.1ae8c7e629.mp4” type=“video/mp4” >
< /video >