About jquery youtube Plugin

 

jquery youtbe plugin is a javascript interface for Google YOUTUBE API written by jquery. Now it is alpha version . 

 Watch Demo Example

Rrquirements

Features (sample)

  • no server-side script required..
  • easy to implement:
     $("#myDivId").youtube();
  • support customs configaration : 
    $("#myDivId").youtube(
    
  {  type    :'search',
    
     keyword :'searchWord    '
  }
);
  • support custom callback function youtube(

     $("#myDivId").youtube(
    
	 {
    
      type     :'users',
    
      keyword  : 'searchWord'    ,
      callback : 'myFunction'  
     }
);
  • supports paging result, most viewd youtube and many more.
  • Builtin BlockUI plugin
  • Run video inline or link to the youtbue.

    • If you have question or comments, please use the commetns here jquery plugin comments to the jQuery mailing list, or send me an (bijon_php@yahoo.com)email.

Downlaod:

jQuery youtube, Alpha 1 Uncompressed

Configaration Settings

Settings Default Type Options Explanation
type null string search,usres,playlist,category allowed what type of video you want
keyword null string optional search keyword
playlist_id null string    
url null string   specific url of vidoes
start_index null int   This is used for paging . From which you want start
max_results null int   return maximum videios
format null string    
most_viewed        
top_rated        
recently_featured        
top_favorites        
most_discussed        
most_linked        
most_responded        
inlineVideo true boolean   do you want to redirect to youtube, or play inlinevideo
blockUI true boolean   do you want to playVideo in block UI

Sample Html Example

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jQuery Youtube plugin</title>
     <script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
     <script src="jquery.youtube.js" type="text/javascript"></script>
     <script src="jquery.blockUI.js" type="text/javascript"></script>
     <script type="text/javascript">
        $(function(){
              $('#video').youtube({
                  type: 'search',
                  keyword: 'fun'
           });
        });
    </script>
</head>
<body>
    <div id="video"></div>
</body>
</html>