Summary Block Video Lightbox

Description

• Click item in Summary Block (Summary Block pulls content from Video Page) > will open Video Lightbox (Youtube, Vimeo)
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Make sure Summary Block connects with Video Page

#1.2. Make sure you added Video in Video Page, use Youtube Link or Vimeo Link

#1.3. Hover on Page where you use Summary > Click Gear icon

Click Advanced > Paste this code

• If your plan is Personal/Basic Plan and it doesn’t support Injection, you can see #3.1.

<!-- 06.26c01v14 Summary Block Video Lightbox -->
<script>
window.SummaryLightboxConfig = {
  overlayColor: "rgba(0,0,0,0.85)",
  loadingText: "Loading...",
  popupMaxWidth: "860px",
  loadingFontSize: "14px",
  closeIconSize: "20px",
  closeIconColor: "#ffffff"
};
</script>
<script src="https://code.beaverhero.com/summaryblock/0626c01v14summaryblockvideolightbox.js"></script>

#2. Customize

#2.1. To change overlay color, change Line 04

overlayColor: "rgba(0,0,0,0.85)",

#2.2. To change “Loading…” text, change Line 05

loadingText: "Loading...",

#3. Other

#3.1. If your plan is Personal/Basic and it doesn’t support Injection, you can add a block under Summary Block

Choose Markdown

Paste this code into Markdown

<script>
window.SummaryLightboxConfig = {
  overlayColor: "rgba(0,0,0,0.85)",
  loadingText: "Loading...",
  popupMaxWidth: "860px",
  loadingFontSize: "14px",
  closeIconSize: "20px",
  closeIconColor: "#ffffff"
};
</script>
<script src="https://code.beaverhero.com/summaryblock/0626c01v14summaryblockvideolightbox.js"></script>