/file/d/FILE_ID/view?usp=sharing
with /uc?export=download&id=FILE_ID
.<video>
tag with the direct link as the source.Yes, you can embed a .mp4 video from Google Drive in Webflow, but you need to generate a direct file link since Google Drive doesn't natively support embedding in Webflow’s video element. Follow these steps:
.mp4
video.https://drive.google.com/file/d/FILE_ID/view?usp=sharing
/file/d/
with the actual file ID, and modify the link as follows:https://drive.google.com/uc?export=download&id=FILE_ID
Go to your Webflow project and add an Embed element (from the Add panel).
Paste the following iframe snippet inside the embed code field:
<video controls autoplay width="100%">
<source src="DIRECT_LINK_HERE" type="video/mp4">
Your browser does not support the video tag.
</video>
Replace DIRECT_LINK_HERE
with your generated direct link from Step 2.
Click Save and publish your site to test the embedded video.
You can embed a Google Drive-hosted .mp4 video by uploading the file, generating a direct download link, and using a custom <video>
tag inside an Embed element in Webflow. However, this method relies on Google's file hosting, which may have bandwidth limitations. For better performance, consider dedicated video CDNs.