// For more information for the cross browser playing of videos see: // http://css-tricks.com/snippets/html/video-for-everybody-html5-video-with-flash-fallback/ // http://www.dev-metal.com/crossbrowser-safe-html5-video-ie6-lines-code/ // http://v4e.thewikies.com/ // http://camendesign.com/code/video_for_everybody // This file by Ray Thomas, October 10, 2014. // Global definitions var vidArray = new Array; // Array to hold the main video records function loadArray(){ // Define, populate and sort the video array // The order of the data is filename, title, width (at 320px height), keywords, description vidArray[0] = {filename:"aral_sea",title:"Aral Sea Shrinkage",width:"569",keywords:"real, water, sea, aral, nature",desc:"
A sequence of images showing the shrinkage of the Aral Sea.
Video from Wikipedia
"}; vidArray[1] = {filename:"blue-light",title:"Plasma Tunnel",width:"569",keywords:"abstract, light, blue, plasma, tunnel",desc:"A sequence of images showing the shrinkage of the Aral Sea.
Video from Movietools.info and found via Neo's Clip Archive
"}; vidArray[2] = {filename:"bus1",title:"Classic Red Bus",width:"427",keywords:"real, red, bus, street",desc:"People walking by a bus pulling away from the kerb.
Video from Neo's Clip Archive
"}; vidArray[3] = {filename:"bus2",title:"Classic Red Bus",width:"427",keywords:"real, red, bus, street",desc:"Bus pulling away from the kerb into traffic.
Video from Neo's Clip Archive
"}; vidArray[4] = {filename:"chains",title:"Dark Chains",width:"569",keywords:"animation, chains, grey, gray, dark, horror",desc:"Dark moving chains.
Video from Movietools.info and found via Neo's Clip Archive
"}; vidArray[5] = {filename:"gears",title:"Gears 2",width:"427",keywords:"animation, gears, cogs, gold, yellow, orange",desc:"A trio fo golden gears.
Video from Neo's Clip Archive
"}; vidArray[6] = {filename:"globe",title:"Blue Globe",width:"569",keywords:"animation, globe, earth, blue",desc:"A blue spinning globe.
Video from Movietools.info and found via Neo's Clip Archive
"}; vidArray[7] = {filename:"moon-clouds-1",title:"Moon and Clouds",width:"480",keywords:"real, moon, sky, clouds, night, grey, gray, blue, nature",desc:"The moon on a cloudy night.
Video from Neo's Clip Archive
"}; vidArray[8] = {filename:"moon-clouds-2",title:"Moon and Clouds",width:"569",keywords:"real, moon, sky, clouds, night, grey, gray, blue, nature",desc:"The moon on a cloudy night.
Video from Neo's Clip Archive
"}; vidArray[9] = {filename:"numbers",title:"Digital Rain",width:"569",keywords:"animation, numbers, matrix, blue",desc:"Falling numbers Matrix-style.
Video from Movietools.info and found via Neo's Clip Archive
"}; vidArray[10] = {filename:"plasmaball",title:"Plasmaball",width:"427",keywords:"animation, plasma, blue, light",desc:"A Ball of Plasma.
Video from Neo's Clip Archive
"}; vidArray[11] = {filename:"prettyexp",title:"Pretty Explosion",width:"427",keywords:"animation, explosion, light, gold, yellow, orange, white, plasma, spiral",desc:"A Pretty Explosion.
Video from Neo's Clip Archive
"}; vidArray[12] = {filename:"purple",title:"Purple Fly By",width:"427",keywords:"animation, plasma, spiral, trail, purple, mauve",desc:"Plasma Leaving a Purple Trail.
Video from Neo's Clip Archive
"}; vidArray[13] = {filename:"red-plasma",title:"Orange Lightnings",width:"569",keywords:"animation, plasma, orange, red, lightning",desc:"Plasma with Orange Lightning.
Video from Movietools.info and found via Neo's Clip Archive
"}; vidArray[14] = {filename:"skull1",title:"Skull",width:"427",keywords:"animation, skull, smoke, grey, gray",desc:"Skull with Smoke.
Video from Neo's Clip Archive
"}; vidArray[15] = {filename:"snowman",title:"Funny Snowman",width:"569",keywords:"animation, night, blue, snowman",desc:"A Snowman at Night.
Video from Movietools.info and found via Neo's Clip Archive
"}; vidArray[16] = {filename:"storm1",title:"Storm",width:"427",keywords:"animation, storm, clouds, blue",desc:"Racing Storm Clouds.
Video from Neo's Clip Archive
"}; vidArray[17] = {filename:"warppool",title:"Warppool",width:"427",keywords:"animation, spiral, blue, white, yellow, light, plasma",desc:"A Radiating Plasma.
Video from Neo's Clip Archive
"}; vidArray[18] = {filename:"watery",title:"Underwater Lights",width:"569",keywords:"animation, water, light, blue",desc:"flickering Underwater Light.
Video from Movietools.info and found via Neo's Clip Archive
"}; } function procVids(){ // Process the video files var count = 0; // Numeric counter var match = false; // Match filter list var outtxt = ""; // text holder // Process each record, check if the videosearch box is empty or match the text that is in it for (count=0; countDownload video: MP4 format | Ogg format | WebM format | SWF format
"; document.getElementById("play").innerHTML=outtxt; vidDesc(count,"click"); } function vidDesc(count,mouse){ // Display the video description var outtxt = ""; outtxt = "" + vidArray[count].title + "
"; outtxt += vidArray[count].desc; outtxt += "Keywords: " + vidArray[count].keywords + "
"; if (mouse == "over") {var div = "preview";} else {div = "desc"} document.getElementById(div).innerHTML = outtxt; } function clrSrch(){ // Clear the search box and reprocess the videos document.getElementById("videosearch").value = ""; procVids(); }