<!-- Source: https://www.youtube.com/watch?v=vog0_BSW6KA -->
<div class="youtube-bg" data-video="vog0_BSW6KA" data-mute="yes" data-volume="0" data-alternative="images/placeholders/1920x1200img4.jpg"></div>
<section id="sec1">
<div class="view">
<div class="content colors-c background-20 full-size">
<h3>Section 1 View</h3>
</div>
</div>
<div class="view">
<img alt class="bg" src="images/placeholders/1920x1200img1.jpg"/>
<img alt class="bg" src="images/placeholders/1920x1200img2.jpg"/>
<div class="content colors-f">
<h3>Section 1 View</h3>
</div>
</div>
</section>
<section id="sec2">
<div class="view">
<div class="content colors-d">
<h3>Section 2 View</h3>
</div>
</div>
<div class="view">
<img alt class="bg" src="images/placeholders/1920x1200img3.jpg"/>
<img alt class="bg" src="images/placeholders/1920x1200img4.jpg"/>
<div class="content colors-e">
<h3>Section 2 View</h3>
</div>
</div>
<div class="view">
<div class="content colors-c">
<h3>Section 2 View</h3>
</div>
</div>
</section>
<!-- Source: Local File -->
<div class="video-bg" data-video="https://themes.x40.ru/templates/video/Mazwai/Phil_Fried-ElectricBulb.mp4" data-alternative="images/placeholders/1920x1200img4.jpg"></div>
<section id="sec1">
<div class="view">
<div class="content colors-c background-20 full-size">
<h3>Section 1 View</h3>
</div>
</div>
<div class="view">
<img alt class="bg" src="images/placeholders/1920x1200img1.jpg"/>
<img alt class="bg" src="images/placeholders/1920x1200img2.jpg"/>
<div class="content colors-f">
<h3>Section 1 View</h3>
</div>
</div>
</section>
<section id="sec2">
<div class="view">
<div class="content colors-d">
<h3>Section 2 View</h3>
</div>
</div>
<div class="view">
<img alt class="bg" src="images/placeholders/1920x1200img3.jpg"/>
<img alt class="bg" src="images/placeholders/1920x1200img4.jpg"/>
<div class="content colors-e">
<h3>Section 2 View</h3>
</div>
</div>
<div class="view">
<div class="content colors-c">
<h3>Section 2 View</h3>
</div>
</div>
</section>