Jquery-youtube-channels-playlist by bachors

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.
multi channel playlist.

Sample

<!-- CSS -->
<link type="text/css" rel="stylesheet" href="css/ycp.css" />

<!-- Selector by Id -->
<div id="unix" data-ycp_title="#Demo - Bachors.com" data-ycp_channel="UCoiS7s7HrE7bHNuzERi-FCQ"></div> <!-- By ChannelId -->

<!-- Selector by ClassName -->
<div class="demo" data-ycp_title="#Javascript - Sekolah Koding" data-ycp_channel="PLCZlgfAG0GXAiH1acKFPx8EtpJAq44gjP"></div> <!-- By PlayListId -->
<div class="demo" data-ycp_title="#News - Vevo Uk" data-ycp_channel="vevouk"></div> <!-- By UserName -->

<!-- jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/ycp.js"></script>
<script>
$(function() {
        
    $("#unix").ycp({
        apikey : 'xxxxxxxxxxxxxxxx',
        playlist : 7,
        autoplay : true,
        related : true
    });
			
    $(".demo").ycp({
        apikey : 'xxxxxxxxxxxxxxxx'
    });
            
});
</script>