Youtube Video Background With Custom Controls - jQuery ytbgnav.js
ytbgnav.js is a jQuery plugin that utilizes Youtube Player API to create a fullscreen Youtube video background with custom controls and playlist for your webpage.
Demo
DOWNLOAD
seen from United States

seen from Venezuela

seen from T1
seen from Sweden

seen from United States
seen from United States

seen from Türkiye

seen from United States
seen from France
seen from Türkiye

seen from Türkiye

seen from Australia

seen from United States
seen from Türkiye
seen from T1

seen from United States

seen from United States

seen from Malaysia

seen from Finland
seen from United States
Youtube Video Background With Custom Controls - jQuery ytbgnav.js
ytbgnav.js is a jQuery plugin that utilizes Youtube Player API to create a fullscreen Youtube video background with custom controls and playlist for your webpage.
Demo
DOWNLOAD
New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/jquery-youtube-channels-playlist/
jQuery Youtube Channels Playlist
Download Demo
A jQuery plugin to show Youtube channels playlist on your site.
Features: – you can customize width and height of the widget on your website. – the widget itself is responsive; given a width (or %) for the widget, the inner contents will resize accordingly. – a top featured video can be opened in the video player on load of the widget. – displays your actual complete youtube channel on your website just like its shown on youtube.
1. INCLUDE CSS AND JS FILES
<!-- include font awesome --> <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <!-- include jQuery --> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <!-- jQuery Youtube Channels Playlist --> <script src="ycp.js"></script>
2. HTML
<div id="ibacordotcom-content"> <div class="ibacordotcom-unit ibacordotcom-vid-kenca"> <div class="ibacordotcom_vid_play"></div> </div> <div class = "ibacordotcom-unit ibacordotcom-vid-katuhu"> <div class="ibacordotcom_youtube_channels"></div> </div> </div>
3. JAVASCRIPT
Register and get your Youtube API key here and then insert your key into the ycp.js
Specify which Youtube channel you would like to display.
var channels_name='vice', // custom cahnnel channels_title='Vice playlist', // custom title apikey = 'YOUR API KEY';
Lightweight jQuery Youtube Video Lazy Load Plugin - LazyYT.js
Animated Sort is a fancy jQuery plugin that allows you to sort an html list step by step using one of the sorting algorithms Bubble Sort, Selection Sort, Insertion Sort and Quick Sort.
Demo
Download