diff --git a/customindex/videoThumbHudgins.jpg b/customindex/videoThumbHudgins.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ac169b88ecf9b21747e1a067a865bf8835632d99 Binary files /dev/null and b/customindex/videoThumbHudgins.jpg differ diff --git a/customindex/videoThumbMicrogravity.jpg b/customindex/videoThumbMicrogravity.jpg new file mode 100644 index 0000000000000000000000000000000000000000..b5fa71371dc735db7618a3509bd34a44d1650e8c Binary files /dev/null and b/customindex/videoThumbMicrogravity.jpg differ diff --git a/customindex/videoThumbZNet.jpg b/customindex/videoThumbZNet.jpg new file mode 100644 index 0000000000000000000000000000000000000000..025dbc5da44a25296e3e9319858eb2e25fc9299c Binary files /dev/null and b/customindex/videoThumbZNet.jpg differ diff --git a/customindex/views/default/customindex/content.php b/customindex/views/default/customindex/content.php index 440d27686c839e1b4a649eab8f115991d32aa205..da5c898d5d68a25326e515adbee9033ce3fd47ab 100644 --- a/customindex/views/default/customindex/content.php +++ b/customindex/views/default/customindex/content.php @@ -234,7 +234,7 @@ <div id="poster3"> <div id="promoVideo">This is the content replaced by the video. </div> - <script type="text/javascript" src="http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/swfobject.js"></script> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> <script type="text/javascript"> var flashvars = { allowfullscreen: "true", @@ -252,9 +252,9 @@ swfobject.embedSWF("http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/player.swf", "promoVideo", "640", "408", "10.0.0", false, flashvars, params, attributes); </script> <div id="promoVideoList"> - <a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a> - <a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a> - <a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a> + <a href="http://ucomm.unl.edu/av/video/pyotm/JerryHudginsPYOTM.mp4"><img src="mod/customindex/videoThumbHudgins.jpg" alt="Jerry Hudgins Thumbnail" /></a> + <a href="http://ucomm.unl.edu/av/video/pyotm/MicrogravityU_PYOTM.mp4"><img src="mod/customindex/videoThumbMicrogravity.jpg" alt="Microgravity Thumbnail" /></a> + <a href="http://ucomm.unl.edu/av/video/pyotm/ZNETprojectPYOTM.mp4"><img src="mod/customindex/videoThumbZNet.jpg" alt="Zero Net Energy Thumbnail" /></a> <a href="#"><img src="mod/customindex/videoThumb.png" alt="Video Thumbnail" /></a> </div> </div> diff --git a/customindex/views/default/customindex/css.php b/customindex/views/default/customindex/css.php index f8233e5e3ecb717bf7470cecde17575749ebefb7..8b6ea9f5cc64a5f8bc588819aaa7b81074e4c189 100644 --- a/customindex/views/default/customindex/css.php +++ b/customindex/views/default/customindex/css.php @@ -185,10 +185,13 @@ end three equal panels */ } /**The video poster stuff**/ #promoVideoList { + position:absolute; + bottom:5px; + width:640px; text-align:center; } #promoVideoList a { - margin:0px 5px 0px 5px; + margin:0px 0px 0px 0px; } /************************************************/ /* the stuff below the splash headlines,posters */ diff --git a/customindex/views/default/customindex/metatags.php b/customindex/views/default/customindex/metatags.php index e7870013dec72e77de1cb0fac741e72fe9caa61b..b384fef19e882c1c427eb22cbb65e2a904d7407d 100644 --- a/customindex/views/default/customindex/metatags.php +++ b/customindex/views/default/customindex/metatags.php @@ -27,13 +27,11 @@ <script type="text/javascript"> +function showLinks() { + WDN.jQuery("#promoVideoList").show(); +}; WDN.jQuery(document).ready(function(){ - - - - - - WDN.jQuery("#headlines>div").click(function(){ + WDN.jQuery("#headlines>div").click(function(){ panelClicked = WDN.jQuery(this).attr("id").split('headline')[1]; WDN.jQuery("#headlines>div").removeClass("activepanel"); WDN.jQuery(this).addClass("activepanel"); @@ -49,9 +47,25 @@ WDN.jQuery("#FE_InfoWindow").css({'z-index':'0'}); } }); - //load the video in a modal box on window load. - //WDN.toolbar.colorbox('#promoVideo', {inline:true, href:"#promoVideo", open:true}); - + //Controls for the video section + WDN.jQuery('#promoVideoList a').click(function() { + WDN.jQuery("#promoVideoList").hide(); + //unload the current swfObject + swfobject.removeSWF("promoVideo"); + //create a new div since it was removed + WDN.jQuery('#poster3').prepend("<div id='promoVideo'></div>"); + //run swfObject again with the new video + var flashvars = { + file: WDN.jQuery(this).attr("href"), + autostart: true, + skin: "http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/UNLVideoSkin.swf" + }; + + swfobject.embedSWF("http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/player.swf", "promoVideo", "640", "408", "10.0.0", false, flashvars, params, attributes, showLinks); + //WDN.jQuery('object#promoVideo param[name=flashvars]').attr({value: "allowfullscreen=true&quality=best&wmode=transparent&file="+WDN.jQuery(this).attr("href")+"&image=mod/customindex/videoStill.jpg&autostart=false&skin=http://www.unl.edu/ucomm/templatedependents/templatesharedcode/scripts/components/mediaplayer/UNLVideoSkin.swf"}); + //WDN.log("New video loaded"); + return false; + }); }); </script>