YouTube Video Header


YouTube Video Header
Version1.02
Download2
Stock
File Size4.05kb
Create DateOctober 28, 2017
Download


Add YouTube video anywhere as a full width background video.
This is not for a full video backgrounds.

Available Options:
• Add Video with YouTube ID.
• Height Control
• Mobile Height Control
• Background Color
• Preloader Color
• Optional Text Overlay
• Text Overlay Slide in and out Options
• Text Overlay Styling Options
• Display PreviewJust include the JS and CSS file attached in the download.
Example in download.


Example of Code:

<div id="MyID"
class="youtube-video-header"
data-vid="Mx6xkyi5Ij8"
data-height="300"
data-toppos="40%"
data-mobileheight="200"
data-mobile-toppos="40%"
data-bgcolor="#f2f1ee"
data-loadercolor="#bf670e"
data-text="Sample YouTube Video"
data-textsize="24pt"
data-textmobilesize="12pt"
data-textcolor="#ffffff"
data-textshadow="2px 3px 0 rgba(0,0,0,0.5)"
data-textfrom="bottom"
data-textdelay="10000"
data-textto="fade"
data-textlocx="center"
data-textlocy="50{e1a47b3cee1bdb47c3617ce796ad130f6c20314314762e10d2e06f3dbace28ad}"
data-textfadeoutdelay="7000">