TITLE COMPONENT / PARALLAX VIDEO

Lorem Ipsum is simply dummy text of the printing.

Usage

<div class="header-video header-parallax white">
    <div class="videobox layer-parallax">
        <video autoplay loop muted poster="video-poster.jpg">
            <source src="video.mp4" type="video/mp4">
        </video>
    </div>
    <div class="overlaybox">
        <div class="container">
            <div class="title-base">
                <hr class="anima" />
                <h1>TITLE COMPONENT / PARALLAX VIDEO</h1>
                <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
        </div>
    </div>
</div>
<div class="header-video header-parallax white">
    <div class="videobox layer-parallax">
        <div data-video-youtube="zGtz_GOA79w"></div>
    </div>
    <div class="overlaybox">
        <div class="container">
            <div class="title-base">
                <hr class="anima" />
                <h1>TITLE COMPONENT / PARALLAX VIDEO</h1>
                <p>Lorem Ipsum is simply dummy text of the printing.</p>
            </div>
        </div>
    </div>
</div>


Main settings

Name Type Description
Settings HTML 1 ) Add class header-parallax to title object.
2 ) Add class layer-parallax to videobox boject
Code location Information Insert the title code just belove header code. Example:
<body>
    <header> 
        ... 
    </header>
    <div class="header-video header-parallax">
        ...
    </div>
    <div class="section-empty">
        <div class="container content">
            ...
        </div>
    </div>
    <footer>
           ...
    </footer>
</body>

Title video documentation

Title video parallax is part of title video component. Complete documentation here

MP4 and Youtube background video documentation

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