SKIP navigation
Buildit Template Widgets
BuilditInformation Services

This page's main content:

buildit documentation

widget: 'UNOtube' multi player

looks like this:

UNOtube

This feature requires JavaScript and the Flash Player.

Why use it?

So you say you've got some videos. Want to get it out there? By all means – use the UNOtube multi player.

How to use it

This widget requires .flv files (note that this is a flash player and as such any video you want to display must be in the .flv format), image(s), and an XML file to work. Step by step instructions:

  1. Start with the XML file. Copy and save the 'copy and save this code as 'your-nht-filename.xml'' code below. First edit all the bold text. Add or delete as many <track> items as you need – one for each of your MP3 files. The example code has 32 (even though the example player shows more).
  2. You'll notice that each track has a <location> tag. Edit the contents to point to your MP3. You'll also need to edit the <image> tag content to point to an image that will show before the video starts playing. You can use the same image for all of them, or a unique image for each. Those images must be exactly 275px wide by 183px high. Shoot for something around 15K or less. Don't worry about the <creator> tags.
  3. Now you can copy the 'put this code in your page <body>' section below. Edit the bold text 'file' variable to point to the XML file you created. If you do not want the player to randomly select which video to show when the page loads, change the 'shuffle' variable (in bold) to false. Don't mess with any of the other parts of the code. Now edit the headline and text (don't change the paragraph classes). Edit the links if needed (again, don't change the paragraph class), and if not just delete that paragraph.
1. copy and save this code as 'your-tube-filename.xml':

<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>UNO | Yoursite | YourPlaylist</title>
<info>http://www.unomaha.edu/yoursite/yourpath/your-nht-filename.xml</info>
<annotation>University of Nebraska at Omaha - Yoursite</annotation>
<trackList>

<track>
<title>Welcome Week 2008</title>
<creator></creator>
<location>http://www.unomaha.edu/pop/06/media/06_hockey.flv</location>
<image>http://www.unomaha.edu/enotes/inc/tube/2008/hockey.jpg</image>
</track>

<track>
<title>Ultimate Frisbee</title>
<creator></creator>
<location>http://www.unomaha.edu/enotes/inc/tube/2008/wweek5.flv</location>
<image>http://www.unomaha.edu/enotes/inc/tube/2008/wweek.jpg</image>
</track>

</trackList>
</playlist>
2. put this code in your page <body>:

<div class="tube-275" style="background-color:#FFFFFF;">
  <h3>UNOtube</h3>
  <span class="btns-r"></span>
  <p id="tube-player-multi" style="padding:25px 0 0 0;">This feature requires JavaScript and <a href="http://www.macromedia.com/go/getflashplayer">the Flash Player</a>.</p>
  <script type="text/javascript">
  var tube = new SWFObject('http://www.unomaha.edu/flash/mediaplayer.swf','mpl','275','403','1');
  tube.addParam('allowfullscreen','true');
  tube.addVariable('displayheight','203');
  tube.addVariable('file','http://www.unomaha.edu/enotes/inc/tube/2008/demo.xml');
  tube.addParam('allowscriptaccess','true');
  tube.addVariable('logo','http://www.unomaha.edu/mavchannel/img/mav-dial.png');
  tube.addVariable('autostart','false');
  tube.addVariable('height','403');
  tube.addVariable('width','275');
  tube.addVariable('backcolor','0xe5e5e5');
  tube.addVariable('frontcolor','0x333333');
  tube.addVariable('lightcolor','0xcc0000');
  tube.addVariable('overstretch','true');
  tube.addVariable('shuffle','true');
  tube.addVariable('autoscroll','false');
  tube.write('tube-player-multi');
  </script>
</div>

note:

Don't make changes that compromise the designed function or appearance of the widgets. They should look, and behave, the same way no matter where they appear. Changes to font sizes, link colors, and/or other elements cause uncertainty for users, and compromise the visual and functional design that is part of the UNO brand. So please, use the widgets only as they are designed, and only for their intended uses. These widgets are only for use in the right-hand column (04 Main Content Right Column) of the WTA_01 template.

Content last modified: December 22, 2010, 8:24am