Quote Originally Posted by donboe View Post
When the movie is faded out I get a white screen for about a second, is there anything I can do to avoid that?
That is being caused by fading the movie out.
Why don't you just leave the movie where it is and fade the other two elements in on top of it?

Like this:

Code:
<!doctype html>
<html lang="en">
  <head>
  <base href="http://diem.sothenwhat.com" />
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/bigvideo.css" media="screen">
  </head>
  
  <body>
    <div id="background-image"></div>
    <!-- #wrapper -->
    <div id="wrapper">
      <!-- #header -->
      <div id="header">
        <ul id="menu">
          <li><a href="#" tabindex="1" title="Peter Diem Artwork">Artwork</a></li>
          <li><a href="#" tabindex="2" title="Peter Diem Video">Video</a></li>
          <li><a href="#" tabindex="3" title="Peter Diem Bio">Bio</a></li>
          <li><a href="#" tabindex="4" title="Peter Diem Counterfeit">Counterfeit</a></li>
          <li><a href="#" tabindex="5" title="Peter Diem Gallery">Gallery</a></li>
          <li><a href="#" tabindex="6" title="Peter Diem Contact">Contact</a></li>
        </ul>  
      </div><!-- #header -->
    </div><!-- #wrapper -->
      
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
    <script type="text/javascript" src="js/video.js"></script>
    <script type="text/javascript" src="js/bigvideo.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("#background-image, #wrapper").hide();
        var BV = new $.BigVideo({useFlashForFirefox:false});
        BV.init();
        BV.show('video/porsche.mp4', {altSource:'video/porsche.ogv'});
        BV.getPlayer().addEvent("ended", function(){
          $("#background-image").fadeIn();
          $('#wrapper').fadeIn(1400);
        });
      });
    </script>
  </body>
</html>