How can the video download be disabled on mobile in Webflow?
TL;DR
- Add custom CSS (
pointer-events: none;) in Webflow’s Page Settings to disable video interactions. - Place a transparent DIV overlay with absolute positioning to block direct video access.
- Use secure streaming platforms like YouTube, Vimeo, or Wistia with disabled controls to reduce download options.
- Note: No method fully prevents downloads, as users can still screen-record.
By default, Webflow does not provide a built-in setting to disable video downloads on mobile. However, you can apply CSS to prevent users from saving the video.
1. Add a Custom CSS Embed
Go to Designer > Page Settings > Custom Code (before
</head>or</body>).Insert the following inline CSS:
```css
```
This prevents users from long-pressing and downloading the video.
2. Use a Transparent Overlay
- Add a DIV block over the video element.
- Set the DIV position to absolute and full width/height to cover the video.
- This blocks users from interacting with the video directly.
3. Use a Streaming Video Platform
- Instead of hosting the video directly in Webflow, use platforms like YouTube, Vimeo, or Wistia that offer streaming protection.
- If embedding, disable controls in the embed settings to prevent downloading.
Summary
To prevent video downloads on mobile, use CSS pointer-events, add an overlay DIV, or host on a secure streaming platform. Keep in mind that no method is 100% secure, as users can still screen-record videos.