Description
- video block, hover on video will show custom text, click on video will show video lightbox popup
- view demo – password: abc
- buy me a coffee
#1. Install Code
#1.1. Hover on Page where you use Video Block > Click Gear icon
#1.2. Click Advanced > Paste this code
<!-- 07.26c23v3 (v2) Video Block Lightbox (Custom Hover Text) -->
<script>
window.VideoBlockLightboxConfig = {
scope: "",
overlayColor: "rgba(0,0,0,0.85)",
popupMaxWidth: "860px",
loadingText: "Loading...",
loadingFontSize: "14px",
closeIconSize: "20px",
closeIconColor: "#ffffff",
playText: "PLAY",
playTextColor: "#ffffff",
playTextBackground: "#000000",
playTextSize: "14px",
playTextPadding: "8px 15px",
playTextCorners: "50px"
};
</script>
<script src="https://code.beaverhero.com/video/0726c23v3v2videolightboxcustomtext.js"></script>
#2. Customize
#2.1. To change hover text style, change line 12 – 17
playText: "PLAY", playTextColor: "#ffffff", playTextBackground: "#000000", playTextSize: "14px", playTextPadding: "8px 15px", playTextCorners: "50px"