Create Custom Youtube player or to use a Youtube video as background

by

In this post I am going to share awesome jQuery plugin to Create Custom Youtube player or to use a Youtube video as background. The plugin name is jquery.mb.YTPlayer which i recently found on internet so I thought I must share this plugins with you. With the help of this jQuery plugin you can easily build your custom Youtube player or use a Youtube video as background for your web page. It support youtube api to customize the video player actions. If you want to run it locally on your computer you need a web server installed (for ex: MAMP for Mac, XAMP for Windows, LAMP for linux) and reach the file from http://localhost… or whatever you mapped in the Host file as localhost. It doesn’t work if you run the HTML page as file (file://…).



Libraries

Include plugins (JS+CSS) libraries on page along with jQuery core library

HTML

Create html constructor pass data-property to cutomize the youtube player actions.

My video

JS

Finally initialize the plugin.

$(function() { 
 $("#bgndVideo").YTPlayer();
});




To initialize a YTPlayer as simple player:

To initialize a YTPlayer as background:

See live demo and download source code.

DEMO | DOWNLOAD

See official documentation for more information and follow for future updates. Don’t forget to read license for using this plugin in your projects.



Published by Rohit