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';