Customizable Youtube Video Background Plugin For jQuery - tubeback

Customizable Youtube Video Background Plugin For jQuery - tubeback
File Size: 33.4 KB
Views Total: 1203
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

tubeback is a highly customizable jQuery video background plugin which uses a YouTube video of your choice into your page as a background.

How to use it:

1. Load the latest version of jQuery library and the jQuery tubeback plugin in your html document.

<script src="jquery.min.js"></script>
<script src="src/jquery.tubeback.js"></script>

2. Call the function on the target container and specify the Youtube video ID in the JavaScript.

$('#container').tubeback({
  videoId: 'Youtube Video ID Here'
})

3. All available options and callbacks functions.

$('#container').tubeback({
  videoId: 'Youtube Video ID Here'
  ratio: 16 / 9,
  mute: true,
  loop: true,
  height: 0,
  width: 0,
  startFrom: 0,
  playbackQuality: 'default',
  onPlayerStart: function(){},
  onPlayerEnded: function(){},
  onPlayerPaused: function(){},
  onPlayerBuffering: function(){},
  onPlayerCued: function(){}
})

This awesome jQuery plugin is developed by fBosch. For more Advanced Usages, please check the demo page or visit the official website.