Published
November 25, 2022
Updated
- Upload your video to Google Drive
- Made the video file, or the folder it's in, viewable by anyone with the link.
- Get the video ID. You may need to open it in a new window in order to see that ID.
Place this code in a custom embed, using your video's file ID.
<video class="gdriveVideo" preload="auto" width="100%" height="auto" controls>
<source src="https://drive.google.com/uc?export=download&id=*YOUR-VIDEO-ID-HERE*" type="video/mp4">
</video>
Notes
Brian Caicco offers a variation of this with some responsive CSS included;
https://discourse.webflow.com/t/how-to-add-a-mp4-file/196811/19?u=memetican
Demo
- Note the long load time, since the whole thing must first download. Google Drive does not provide streaming capability.