Template:YouTube Music Videos Code

From OpenSocial Directory

Jump to: navigation, search
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs height="550" width="550" title="Music Videos"
  author="Sanjay Krishnamurthy" author_email="sanjay@infinear.com"
  author_affiliation="mymusik.us" author_location="Cupertino, CA, USA"
  >
    <Require feature="tabs" />
    <Require feature="opensocial-0.5" />
    <Require feature="dynamic-height" />
    <Require feature="setprefs" />
    <Require feature="flash" />
  </ModulePrefs>
  <UserPref name="profilecontents" datatype="hidden" />
  <Content type="html"><![CDATA[

     <link rel="stylesheet"         href="http://www.mymusik.us:8080/ggadget/v3.8/mycss.css" type="text/css" media="all" />
      <!-- opensocial doesnt instantiate this 
      script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/swfobject.js"></script-->
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/outlined.js"></script>
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/xml2json.js"></script>
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/persist.js"></script>
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/recosXML.js"></script>

     <style type="text/css">
@import url(http://www.google.com/ig/tablib.css);
     </style>

     <script type="text/javascript">

        //Add global tab variable
        var tabs;

        function init() {

	   //Create tabs for larger set of user views
           tabs	= new _IG_Tabs("mymusik");
           tabs.addTab("Music Videos", "friends", callback);
           tabs.addTab("Invite",       "friends", callback); 

           //Resize to correct size
           _IG_AdjustIFrameHeight();
        } //init

        // Callback that redraws the mainpage depending on
        // which tab is clicked
        function callback(tabId) {

           if (tabs.getSelectedTab().getIndex() == 0) {
              showMainForm();
           }
           else {
              addInviteForm();
            } 
        }//callback


       // Call init function to initialize and display tabs.
       _IG_RegisterOnloadHandler(init);
    </script>

    <body text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000  topmargin=3 marginheight=3> 

    <!--Control layout of page with this div -->
    <div class="mainpage" id="mainpage">
       <table border="0" cellspacing="2" cellpadding="1">
	<tbody align="left">
          <!--Customize the form submit location -->
          <form  onsubmit="dofetch(this.query.value); return false" action="javascript:void%200" name="QueryInput"> 
	  <tr align=center valign=top> 
            <td align="left" rowspan=3 width="120">
	       <!--
<a href="http://www.facebook.com/apps/application.php?id=2515306399"><img src="ggadget/v3.8/mymusik_blue.gif">
	       </a> 
		-->
<p>Enter Artist:</p><input name="query" maxlength=2048 size=23 title="Enter Artist" class="qinput"/> 
            </td>
	     <td colspan=2> 
	

	     </td>
   	     
             <td align=left colspan=1 rowspan=5 width="220" valign="top"><div id="PlaylistHeader" class="PlaylistHeader"> <p id="pheader">A Sample Video Playlist</p></div>
	      <div id="VideoLinks" class="VideoLinks"  style="height:420px; overflow:auto;">
	      </div> <!-- video links -->
	     </td>

          </tr>
	  <tr align=center valign=top> 
	     <td rowspan=1 width="50" align="right"> 
               <input name="genNoReco" type="submit" onclick="javascript:doArtistOnly();" value="Artist Only" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 
	     </td>
	     <td rowspan=1 width="50" align="left"> 
	       <input name="genReco" type="submit" onclick="javascript:doRecos();" class="btn" value="Recommendations" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 
             </td>
          </tr>
	  <tr align=center valign=top> 
	     <td colspan=2 rowspan=1 width="50" align="center"> 
               <input name="publishToProfile" type="submit" onclick="javascript:setPublishFlag();" value="Save To Profile" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 
	     </td>
          </tr>
        </form>

	<tr >
	  <td colspan=3 >
	    <div id="leftpane">

                <!-- Please refer to the google gadgetads tutorial for embedding flash -->
		<div id="player">
		</div> 
		<script type="text/javascript">
                  setDefaultVideoList(); //this sets the defaultVideos global var

                  //Instantiate an OpenSocial version of the shockwave player
                  var url    = "http://mymusik.us:8080/ggadget/v3.8/mediaplayer.swf";

                  _IG_EmbedFlash(url, _gel("player"), 
                     {  swf_version: 8,
                        width: 400,
		        height: 350,
                        flashvars: 'file=' + _esc(defaultVideos) + '&allowfullscreen=true' +
		                    '&enablejs=true' + '&usecaptions=true' +
		                    '&shuffle=false' + '&width=400' + '&height=350' +
		                    '&autostart=false' + '&repeat=true' +
		                    '&javascriptid=mpl' 
                      }); 

                  //Invoke function to manipulate playlists AFTER player is setup
                  sf();
		</script>
		</div>
	    </td>
			

	  </tr>
	</tbody>
      </table>
    </div>

    <div style="display:none" id="aboutme"><p>Add my info  here</p></div>
    <div style="display:none" id="aboutmyfriends"><p>Add my friends info  here</p></div>
    <div style="display:none" id="myfavs"><p>Add my fav videos  here</p></div>
    <div style="display:none" id="myfriendsfavs"><p>Add friends' favs here</p></div>
    <div style="display:none" align="center" id="invitepage"><p>Send a message to your friends about this application</p></div>

    <!-- Inserted for debugging AJAX calls -->
    <div style="display:none" id="queueMsg"><p>State of the AJAX queue</p></div>
    <div style="display:none" id="queueInCall"><p>Is an AJAX call in flight</p></div>
    <div style="display:none" id="queueTest"><p>List of queued AJAX calls</p></div>
  </body>

  ]]></Content>
</Module>
Retrieved from "http://opensocialdirectory.org/wiki/Template:YouTube_Music_Videos_Code"
Personal tools
communication