Video Block: Hover show Caption+Overlay – Click show Lightbox+Caption

Description

hover video block will show overlay, caption, click on video will open video in lightbox and caption under video
view demo – password: abc
buy me a coffee

(hover)

(click)

#1. Install Code

#1.1. Make sure you added Video Caption

#1.2. Hover on top right of section > Click EDIT SECTION

#1.3. at Design > Anchor Link > enter word: video-overlay-lightbox

#1.4. Hover on Page where you use Video > Click Gear icon

#1.5. Click Advanced > Paste this code

<!-- 09.26c03v1 Video Block: Hover show Caption+Overlay - Click show Lightbox+Caption -->
<script>
window.VideoOverlayLightboxConfig = {
  scope: 'section[id*="video-overlay-lightbox"]',

  hoverOverlayColor: "rgba(0,0,0,0.5)",
  hoverCaptionColor: "#ffffff",

  lightboxOverlayColor: "rgba(0,0,0,0.85)",
  lightboxCaptionColor: "#ffffff",
  lightboxCaptionSize: "16px"
};
</script>
<script src="https://code.beaverhero.com/video/0926c03v1videoblockoverlaycaptionlightbox.js"></script>

#2. Customize

nothing now