jQuery-Youtube-Channels-Playlist
================================
<h2>Update youtube API v3</h2>
<p>YouTube device support message<br>
https://developers.google.com/youtube/v3/getting-started</p><br>
<p><img src="https://2.bp.blogspot.com/-aRB-ImAWbCU/V9VkAb6GOQI/AAAAAAAABs0/eGoByDS0R6YmiP-OyIYkVrp2p4eFkbFdACLcB/s1600/ereeeeeeeeeeeew.jpg"/></p><br>
<p><b>Features:</b><br>
- you can customize width and height of the widget on your website.<br>
- the widget itself is responsive; given a width (or %) for the widget, the inner contents will resize accordingly.<br>
- a top featured video can be opened in the video player on load of the widget.<br>
- displays your actual complete youtube channel on your website just like its shown on youtube.<br>
- multi channel playlist.</p>
<p>Register and get your Youtube API key <a href="https://code.google.com/apis/console" target="_blank">here</a></p>
<h3>HTML:</h3>
<p>Required:</p>
<pre>data-ycp_channel = 'vevouk'</pre>
<p>Options:</p>
<pre>data-ycp_title = 'Title your playlist'</pre>
<h3>Javascript:</h3>
<p>Required:</p>
<pre>apikey : 'xxxxxxxxxxxxxxxx'</pre>
<p>Options:</p>
<pre>playlist : number of videos playlist count. Default = 10
autoplay : true. Default = false
related : true. Default = false</pre>
<pre><!-- 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></pre>
</p>
Vue多用途电子商务商店网站模板源代码 （360个子文件） 
style.css 195KB bootstrap.min.css 152KB style.min.css 110KB animate.css 78KB all.css 69KB video-js.css 45KB jquery.mCustomScrollbar.min.css 42KB video-js.min.css 38KB responsive.css 37KB style.css 25KB prism.css 17KB tooltipster.bundle.css 10KB bootstrap-select.min.css 10KB tippy.css 9KB magnific-popup.css 7KB tooltipster.bundle.min.css 6KB tooltipster.main.css 6KB tooltipster.main.min.css 4KB prism-coy.css 4KB nice-select.css 4KB ycp.css 3KB slick-theme.css 3KB tooltipster-sideTip-borderless.min.css 2KB tooltipster-sideTip-light.min.css 2KB slick.css 2KB tooltipster-sideTip-shadow.min.css 2KB magnify.css 1KB tooltipster-sideTip-noir.min.css 1KB rvfs.css 1KB tooltipster-sideTip-punk.min.css 825B _contact.css 144B fa-solid-900.eot 190KB fa-brands-400.eot 129KB ElegantIcons.eot 58KB fa-regular-400.eot 34KB slick.eot 2KB
ajax-loader.gif 4KB generated-image.gif 838B .gitignore 231B
index.html 48KB index.html 4KB index.html 1KB favicon.ico 1KB favicon.ico 1KB
4.jpg 83KB resume.jpg 75KB 1.jpg 61KB 2.jpg 55KB 3.jpg 55KB 2.jpg 14KB 1.jpg 14KB 2.jpg 9KB 1.jpg 9KB 3.jpg 9KB 4.jpg 9KB 1.jpg 8KB 2.jpg 8KB 1.jpg 8KB 3.jpg 8KB 4.jpg 8KB 8.jpg 5KB 2.jpg 5KB 1.jpg 5KB 3.jpg 5KB 4.jpg 5KB 9.jpg 5KB feedback.jpg 4KB 15.jpg 4KB 14.jpg 4KB 2.jpg 4KB 1.jpg 4KB 3.jpg 4KB 19.jpg 4KB 21.jpg 4KB 11.jpg 4KB 22.jpg 4KB 24.jpg 4KB 13.jpg 4KB 16.jpg 4KB 20.jpg 4KB 7.jpg 4KB 4-3.jpg 1KB 1-1.jpg 1KB 4-2.jpg 1KB 3-4.jpg 1KB 4-3.jpg 1KB 1-1.jpg 1KB 4-2.jpg 1KB 3-4.jpg 1KB prism.js 433KB video.min.js 249KB TweenMax.min.js 113KB tooltipster.main.js 87KB slick.js 87KB jquery-3.2.1.min.js 85KB bootstrap.min.js 57KB jquery.mCustomScrollbar.concat.min.js 44KB bootstrap-select.min.js 44KB slick.min.js 42KB tooltipster.bundle.min.js 39KB共 360 条
- 1
- 2
- 3
- 4
评论0