TITLE COMPONENT / YOUTUBE VIDEO

Lorem Ipsum is simply dummy text of the printing.

Usage

<div class="header-video white">
    <div class="videobox">
        <div data-video-youtube="BX4yotn2FPI"></div>
        <div class="mobile-poster" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
    </div>
    <div class="overlaybox">
        <div class="container">
            <div class="title-base">
                <hr class="anima" />
                <h1>TITLE COMPONENT / YOUTUBE VIDEO</h1>
                <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
        </div>
    </div>
</div>

Main settings

Name Type Description
Mobile devices Information Youtube autoplay not work on mobile devices and it is replaced with a static image, the image is code <div class="mobile-poster" style="background-image:url('image.jpg')"></div>.
Code location Information Insert the title code just belove header code. Example:
<body>
    <header> 
        ... 
    </header>
    <div class="header-video">
        ...
    </div>
    ...
</body>

Youtube background video documentation

Youtube background video feature is part of background video section. Complete documentation here