Videos not loading correctly on first online call... desperate

Question

Weird problem here, folks.  I have a web page created in Edge Animate that plays (4) videos simultaneously and that works fine using "Preview in Browser."  It will NOT load correctly the _first_ time it's called from the website.  It only partially loads – everything but the videos – the first time an uncached browser (Firefox, Opera, Chrome, Safari) tries to load the page.  However, after trying to load the page that first time, if you immediately go to any other website, and then return to my site to load the page, the page will load correctly.  This is killing me.  I'm guessing this behavior will immediately be recognized by someone who can point me to a solution.
To view this behavior:
1)  Go to http://www.lightisrising.com
        A partial page (without animation in the upper left, lower left, middle right, and lower right cells) will load.
2)  Go to a different website, such as Adobe.com
3)  Return to www.lightisrising.com, and the page will load and play the videos correctly.
Obviously, I need the page to load correctly the FIRST time someone visits it.
Thanks in advance for any help. Much appreciated.

Answer 1

Rob, it's great you were able to troubleshoot that issue.
With that in mind, where should I place the CSS "display:block" code?  I'm not seeing a video tag anywhere obvious.  Would it go in the EdgeHero JS file, or in the edgeherostyle.css file, or in the of the HTML file... or somewhere else? If it goes anywhere but in the of the HTML file, what would the exact syntax be?
The possibly relevant code in the edgehero-0.2-min.js file:
$("[class^='videolink'],[class*=' videolink']").each(function(){var activeVi=$(this).attr("class");$(this).replaceWith('<video height="auto" id="'$(this).attr('id')'" class="'activeVi'" style="'$(this).attr('style')'">'$(this).html()'</video>')});
$(".videolink_1").each(function(){$(".videolink_1").attr("src",videolink_1);});$(".videoli nk_1_mp4").each(function(){$(".videolink_1_mp4").append('<source src="'videolink_1_mp4'" type="video/mp4">');});$(".videolink_1_webm").each(function(){$(".videolink_1_webm").appe nd('<source src="'videolink_1_webm'" type="video/webm">');});$(".videolink_1_ogg").each(function(){$(".videolink_1_ogg").appen d('<source src="'videolink_1_ogg'" type="video/ogg">');});
BTW, I extended the .js file to allow for (4) simultaneously playing videos, whereas the original allowed for (3) videos to play.
Thanks much for your help.
Matt