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=https://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=https://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

Example Video

Leave a Reply

Your email address will not be published.