How can I embed a video into a Webflow site without using YouTube or Vimeo and keep it stylized like the example site mentioned?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To embed a video into a Webflow site without using YouTube or Vimeo and keep it stylized like the example site mentioned, you can follow these steps:

Upload the video: First, you need to upload your video file to a cloud storage service like Google Drive or Dropbox. Make sure you set the appropriate sharing permissions so that anyone with the link can access the video.
Get the video URL: Once the video is uploaded, get the direct URL of the video file. In Google Drive, you can do this by right-clicking on the video file, selecting "Get shareable link," and copying the link. In Dropbox, you can right-click on the video file, select "Copy link," and paste the link.
Add an Embed element: In Webflow, go to the page where you want to embed the video. Drag and drop an Embed element from the Add panel onto your desired location on the page.
Customize the Embed settings: With the Embed element selected, click on the Settings gear icon in the right panel. In the HTML Embed Code field, paste the video URL you obtained in step 2.
Style the video: To keep the video stylized like the example site mentioned, you can use Webflow's built-in design tools. You can adjust the size, position, and styling of the Embed element using the layout and styling options in the right panel.
Preview and publish: Once you're done styling the video, you can preview and publish your site to see the embedded video in action.

By following these steps, you will be able to embed a video into a Webflow site without using YouTube or Vimeo and keep it stylized according to your desired design.

Additional questions:

How do I upload a video to Google Drive?
Can I embed videos from other cloud storage services like OneDrive or Box?
How can I make my embedded video responsive in Webflow?

How can I disable the infinite scroll feature on my Webflow landing page?

Can I export a Webflow site that has password protection on a specific page or folder and still have the protection work?

Where can I find and edit the collection fields' bindings in Webflow?

Is it possible to include a custom call to action button at the end of each blog post in Webflow?

How can a page be redirected to an element stored in a Webflow CMS?

Will Webflow's native multi-language support include options to use language codes as both subdomain and subfolders in the URL’s and features for regionalization?Will the languages be editable in the Editor in addition to the Designer for Webflow's native multi-language support?

Can Webflow CMS handle user profiles and unique user data when integrated with Firebase authentication and real-time database? How does this affect the CMS plan and is each user profile considered a CMS static page or CMS item?

Is there a way to limit the number of images displayed in a collection list in Webflow to ensure a three column grid layout?

How can we create a dashboard in Webflow that allows users to access their order history and links to multiple online class subpages?

How can I add a utility top bar with social links, a phone number, and a contact form button to a webflow site?