Ads

Monday 19 January 2015

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




No comments:

Post a Comment