Clone Project

Click-based Video Popup Functionality - Youtube & Vimeo

Created by
Muhammad Ukasha
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description

This component allows users to open YouTube and Vimeo videos in a popup modal on the same page using the Magnific Popup jQuery plugin. Instead of navigating away from the current page, users can view videos in a more integrated manner, enhancing user experience.

Key Features:

  • Utilizes Magnific Popup jQuery plugin for modal functionality.
  • Supports both YouTube and Vimeo video links.
  • Opens videos in an iframe within a popup, keeping users on the same page.
  • Includes callbacks for open and close events for debugging and customization.

Design Elements:

  • Simple layout with two clickable links for YouTube and Vimeo.
  • Clean and minimalistic design that focuses on video content.
  • Responsive design that adapts to different screen sizes.

Potential Use Cases:

  • Websites showcasing video portfolios for filmmakers or videographers.
  • Educational platforms that provide video tutorials or lectures.
  • Marketing websites that want to feature promotional videos without redirecting users.

Conclusion: This component effectively enhances video accessibility on websites by allowing users to view content in a popup, making it suitable for various applications across different industries.

Description from Webflow:  
This popup functionality is implemented using a jQuery plugin called Magnific Popup; when a user clicks on either link, it opens the video in a popup window (modal) on the same page, rather than navigating to YouTube or Vimeo directly.
Tags from Webflow: 
popup,  youtube,  vimeo,  onclick
.