Setup youtube video in background 

<div class="bg-section bg-cover bg-cc full-wh" id="videobg1" data-bg="images/bg7.jpg">
    <b class="full-wh"></b>
    <!-- BACKGROUND VIDEO -->
    <div class="videobg" 
    	data-property="{
			videoURL:'dorZ3vag5PI',
			containment:'#videobg1',
			showControls:true,
			autoPlay:true,
			loop:true,
			vol:50,
			mute:true,
			startAt:10,
			realfullscreen:false,
			opacity:1,
			addRaster:true,
			quality:'default',
			optimizeDisplay:true
			}">
    </div>
</div>

Apply ID (videobg1 apply on above example code) to section on which video background needs to display,

Set background image using data-bg=”images/bg7.jpg”  which display as place holder of video.

Set youtube video ID in videoURL:’dorZ3vag5PI’ as display in above example code. Apply section ID in containment:’#videobg1′ as display in above highlighted code. Make sure your section ID properly set on containment.

 

 

Related Articles