---
title: "Video Overlay Popup — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Bluebox Digital · Interactive. About This component was designed for an easy way to create interactive corner video players for promotions, tutorials…"
canonical: "https://framer.elliotli.dev/component/video-overlay-popup"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Video Overlay Popup

# Video Overlay Popup

[View on Framer](https://framer.com/marketplace/components/video-overlay-popup/?via=elliot-li)

![Video Overlay Popup preview image 1](https://framer.elliotli.dev/og/component/video-overlay-popup/b089a7aa141c9ee8/1600x1200.jpg)

## Summary

About This component was designed for an easy way to create interactive corner video players for promotions, tutorials, and user engagement on your site.

## Description

## About

This component was designed for an easy way to create interactive corner video players for promotions, tutorials, and user engagement on your site. We have designed this plugin carefully to ensure it is fully customisable using Framer's layout tools. Use our template as a base and tweak for your branding and promotional needs.

## Setup instructions

**Step 1.** Copy the corner video component from the remix link

**Step 2.** Publish and ensure the corner video is displaying. If not, feel free to reach out to support!

**Step 3.** Modify and tailor to your needs!

## Property controls

**Video**

The video file to display. Supports MP4, MOV, WebM, and MKV formats.

**Height**

The height of the video in pixels. Default: 600px.

**Width**

The width of the video in pixels. Default: 250px.

**Position**

The corner position where the video will be displayed. Options: Top Left, Top Right, Bottom Left, Bottom Right. Default: Top Left.

**Show Notch When Hidden**

When enabled, shows a small "notch" button when the video is hidden, allowing users to re-open it.

**Notch Text**

The text displayed on the notch button. Default: "Learn more".

**Notch Background Color**

The background color of the notch button. Default: White.

**Notch Text Color**

The text color of the notch button. Default: Black.

**Notch Font**

Custom font styling for the notch text, including font family and weight.

**Show Content Popup**

When enabled, allows the video to open a content popup overlay when clicked.

**Is Mobile**

Boolean flag to determine if the current device is mobile. Used to show appropriate content and behavior.

**Desktop Popup Content**

The content to display in the popup overlay on desktop devices. This should be a component instance.

**Mobile Popup Content**

The content to display in the popup overlay on mobile devices. This should be a component instance.

**Hide in Editor**

When enabled, the corner video will be hidden in the Framer editor but visible on the published site.

**Hide Z-Index Message**

When enabled, the z-index warning message will be hidden. Useful for production sites.

## Important notes

**Layer names**

_BnnrFlexContent\_fullspread_ is a keyword used by the plugin. To ensure fullscreen display, you must ensure the layer is named like this. (Often important on mobile popups)

## Support 

Please feel free to contact Ben at [ben@blueboxdigital.co.uk](mailto:ben@blueboxdigital.co.uk) for help setting up the component.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9608

## Details

- **Author**: Bluebox Digital
- **Price**: $9.00
- **Published**: 2025-09-03
- **Updated**: 2025-09-03
- **Added**: 2025-08-21
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step