Youtube Background Video
You can now add Youtube Video as Background Sections similar to the HTML5 Video Sections.
Usage
<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>Settings
| Setting | Description |
|---|---|
data-video | The Youtube Video URL, Short URL available from the Youtube Share Panel or the Video ID. Example: https://youtu.be/A3PDXmYoF5U |
data-mute | Mutes the Audio on the Youtube Video Example: true |
data-ratio | Aspect Ratio of the Youtube Video |
data-quality | Quality of the Youtube Video Example: hd1080 |
data-opacity | Opacity of the Youtube Video Example: 0.5 |
data-container | CSS selector of the DOM element where you want the Youtube Video background, if not specified it takes the "self" Example: body |
data-optimize | Setting this Option will fit the Youtube Video size into the window size optimizing the view. |
data-loop | Loops the Youtube Video |
data-volume | Sets the Volume of the Youtube Video Example: 60 |
data-start | Set the seconds the video should start from. Example: Setting data-start="20" will start the Video from 20 Seconds. |
data-stop | Set the seconds the video should stop at. Example: Setting data-stop="40" will start the Video at 40 Seconds. |
data-autoplay | AutoPlays the Youtube Video |
data-fullscreen | Activate the new HTML5 full screen behavior. |