diff --git a/index.html b/index.html index d1ee34e..e439100 100644 --- a/index.html +++ b/index.html @@ -17,11 +17,15 @@ pre { padding: 10px; - background: #fafafa; border-radius: 4px; - border: 1px solid #ddd; + border: 0px; + background: #111; overflow: auto } + + pre.prettyprint.prettyprinted { + background: #111 + } @media screen and (max-width:1280px){ body { @@ -35,24 +39,30 @@ } } + -

Demo Example YCP.JS v05

-

Required: apikey : 'xxxxxxxxxxxxxxxx'
- Option: playlist : number of videos playlist count. Default = 10
- Option: autoplay : true or false. Default = false
- Option: related : true or false. Default = false

- 
<!-- CSS -->
+		
Demo YCP.JS

+		
+		
HTML:

+		
data-ycp_title : Title your playlist (option)

+		data-ycp_channel : ChannelId, PlayListId or UserName (required)

+		
Javascript:

+		
apikey : 'xxxxxxxxxxxxxxxx' (required)

+		playlist : number of videos playlist count (option) Default = 10

+		autoplay : boolean (option) Default = false 

+		related : boolean (option) Default = false

+		
<!-- CSS -->
 <link type="text/css" rel="stylesheet" href="css/ycp.css" />
 
 <!-- Selector by Id -->
-<div id="unix" data-ycp="UCoiS7s7HrE7bHNuzERi-FCQ"></div> <!-- By ChannelId -->
+<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="PLCZlgfAG0GXAiH1acKFPx8EtpJAq44gjP"></div> <!-- By PlayListId -->
-<div class="demo" data-ycp="vevouk"></div> <!-- By UserName -->
+<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>
@@ -75,14 +85,13 @@ 
Demo Example Bachors
	
-		
 
-
+		
 
+		

+		
 		
-		
Sekolah Koding
	
-		
 
-		
Vevo Uk
	
-		
 
+		
 
+		

+		
 
 
 		
 		
@@ -95,14 +104,14 @@ 
Vevo Uk

 		$(function() {
 		
 			$("#unix").ycp({
-				apikey : 'your api key',
+				apikey : 'xxxxxx',
 				playlist : 6,
 				autoplay : true,
 				related : true
 			});
 			
 			$(".demo").ycp({
-				apikey : 'your api key'
+				apikey : 'xxxxxx'
 			});
 			
 		});