You can now add Youtube Video as Background Sections similar to the HTML5 Video Sections.
<div class="section yt-bg-player nomargin dark" data-quality="hd1080" data-start="20" data-stop="40" data-video="http://youtu.be/A3PDXmYoF5U" style="height: 600px;">
<div class="container clearfix">
...
</div>
</div>
Setting | Description |
---|---|
|
The Youtube Video URL, Short URL available from the Youtube Share Panel or the Video ID. Option(s): Ex: |
|
Mutes the Audio on the Youtube Video Option(s): true or false Ex: |
|
Aspect Ratio of the Youtube Video Option(s): 4/3, 16/9 or auto |
|
Quality of the Youtube Video Option(s): default, small, medium, large, hd720, hd1080, highres Ex: |
|
Opacity of the Youtube Video Option(s): 0 to 1 Ex: |
|
CSS selector of the DOM element where you want the Youtube Video background, if not specified it takes the "self" Option(s): self or body Ex: |
|
Setting this Option will fit the Youtube Video size into the window size optimizing the view. Option(s): true or false |
|
Loops the Youtube Video Option(s): true or false |
|
Sets the Volume of the Youtube Video Option(s): 1 to 100 Ex: |
|
Set the seconds the video should start from. Ex: Setting |
|
Set the seconds the video should stop at. Ex: Setting |
|
AutoPlays the Youtube Video Option(s): true or false |
|
Activate the new HTML5 full screen behavior. Option(s): true or false |
Last Modified: December 15, 2019