Yes, you can definitely add an MP4 video to your website in Webflow without using YouTube. Webflow provides built-in solutions for easily embedding videos on your site.
Here's how you can do it:
1. First, make sure your MP4 video file is hosted somewhere accessible on the web. You can host it on your own server, a cloud storage service like Amazon S3 or Google Cloud Storage, or any other hosting solution that allows direct access to the file.
2. In the Webflow Designer, navigate to the page where you want to add the video.
3. Drag and drop an Embed element from the components panel onto your page. The Embed element allows you to add custom code or embeds to your site.
4. With the Embed element selected, go to the settings panel on the right. Here, you'll find the code editor for the Embed element.
5. In the code editor, you can now insert the HTML code to embed your video. The code will vary depending on how you are hosting your video file.
If your video is hosted on your own server, you can use the HTML5 video tag to embed it. Here's an example:
```html
```
Make sure to replace the URL in the `src` attribute with the actual URL of your video file.
If your video is hosted on a cloud storage service, they usually provide an embed code that you can use. Paste that code within the Embed element's code editor.
6. Customize the video settings as needed. For example, you can enable or disable controls, autoplay, loop, or set specific dimensions for the video player. These settings can be defined within the video tag or using options provided by the embed code.
7. Once you've added and customized the embed code, the video should appear on your page within the Webflow Designer.
8. Remember to publish your site for the changes to take effect on the live version.
That's it! You have successfully added an MP4 video to your website in Webflow without relying on YouTube.