Where is the HTML code for the background video located in Webflow if I don't use Webflow hosting and there is no 'documents' folder in my site?
TL;DR
- Open your exported Webflow HTML files and search for a
<video>tag inside aw-background-videodiv. - Locate the video file in the
/videosfolder, or check for external embeds if the tag or folder is missing.
If you're not using Webflow hosting and can't find a 'documents' folder, you may be exporting your site and self-hosting it. In that case, here's where to locate the HTML code for the background video in your exported Webflow project.
1. Check the Exported HTML Files
- When you export your site from Webflow, you'll get a ZIP file containing your site’s HTML, CSS, JS, and assets.
- Look in the main folder of the export for files like index.html, about.html, etc.—each represents a page.
- Open the relevant page in a code editor (e.g., VS Code) and search for 'video' or
'background-video'.
2. Identify Webflow's Background Video Embed
- Webflow typically wraps background videos in a
<div>with a class like w-background-video or w-background-video-wrapper. - Inside, you’ll find a
<video>tag with autoplay, muted, playsinline, and loop attributes. - The video source will be a file with
.mp4or.webmformat, like: <video autoplay loop muted playsinline><source src="videos/your-background-video.mp4" type="video/mp4">
3. Review the /videos Folder in Export
- Instead of a
documentsfolder, videos are stored in avideosfolder in the export if you've added a Background Video element in Webflow. - If you don’t see this folder, your video might not be properly connected, or it may be embedded another way.
4. If Video Was Dynamically Added or Hosted Elsewhere
- If the video was added using a custom embed (via the Embed element), it might be embedded using a direct link to an external video (e.g., via Vimeo, YouTube, or a CDN).
- In this case, search the HTML for
<iframe>,<video>, or any external video URL.
Summary
If you're self-hosting, open the exported HTML files and look for a <video> tag inside a w-background-video div. The source video will usually be in a /videos folder. If that folder or tag is missing, the video may be externally hosted or not properly exported.