Code for adding video lightbox

HEAD SECTIONS:
 <!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="/woutv/engine/css/videolightbox.css" type="text/css" />
<style type="text/css">#videogallery a#videolb{display:none}</style>

            <link rel="stylesheet" type="text/css" href="/woutv/engine/css/overlay-minimal.css"/>
            <script src="/woutv/engine/js/jquery.tools.min.js"></script>
            <script src="/woutv/engine/js/swfobject.js"></script>
            <script src="/woutv/engine/js/videolightbox.js"></script>
<!-- End VideoLightBox.com HEAD section -->

BODY SECTIONS:
<!-- Start VideoLightBox.com BODY section -->

<script type="text/javascript">

function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("video_overlay");
ytplayer.setVolume(100);
}

</script>
<span id="videogallery">
<a rel="#voverlay" href="/woutv/engine/swf/player.swf?url=http://www.wou.edu/woutv/data/video/VIDEO_NAME.flv&volume=100" title="TITLE_OF_VIDEO"><img src="/woutv/data/thumbnails/THUMB_IMAGE_NAME.jpg" alt="ALT_TAG_OF_VIDEO" /></a>
</span>
<!-- End VideoLightBox.com BODY section -->
            <br />
            <span id="videogallery">
<a rel="#voverlay" href="/woutv/engine/swf/player.swf?url=http://www.wou.edu/woutv/data/video/VIDEO_NAME.flv&volume=100" title="TITLE_OF_VIDEO"><strong>LINK_TEXT</strong></a></span>
<p>&nbsp;</p></div>

Replace the blue text with YOUR video file name, thumbnail file name, title, alt tag, and link text.

EXAMPLE:

Example Video

Creating a Contribute Connection

Click on the video below to watch a tutorial on creating a Contribute connection.

The password for all connections is, publisher4

If you do not have Quicktime you can view the tutorial using a Flash player:

Tutorial Video (Flash Player)

You will only need to go through these steps once. The next time you open Contribute the screen you get will look like this,

Just click on the your sites name and it will open.

Please feel free to email me if you have any questions, gauntzd@wou.edu.