🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery youtube channels playlist has a following 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.

Gallery Plugins Video_Audio

Documentation

jQuery-Youtube-Channels-Playlist

Update youtube API v3

YouTube device support message
https://developers.google.com/youtube/v3/getting-started



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.

Register and get your Youtube API key here

HTML:

Required:

data-ycp_channel = 'vevouk'

Options:

data-ycp_title = 'Title your playlist'

Javascript:

Required:

apikey : 'xxxxxxxxxxxxxxxx'

Options:

playlist : number of videos playlist count. Default = 10 autoplay : true. Default = false related : true. Default = false
<!-- CSS --> <link type="text/css" rel="stylesheet" href="css/ycp.css" />  <!-- Selector by Id --> <div id="unix" data-ycp_title="#Demo - iBacor.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 : 6,         autoplay : true,         related : true     });                  $(".demo").ycp({         apikey : 'xxxxxxxxxxxxxxxx'     });              }); </script>


You May Also Like