Yes it is, wonderful thing that is javascript. The other pages in the template are purely for people without javascript. We still need to serve them the content even if they are living in the stone age and surfing using a slate tablet.

Replace the Youtube embed with this:

<div class="video">
<object height="300" width="407">
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Awrel=1&color1=0xffffff&
color2=0x6b8ab6&border=1&fs=1" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<embed allowfullscreen="true" src="http://www.youtube.com/v/u1zgFlCw8Aw?rel=1&color1=0xffffff&color2=0xffffff&border=2&fs=1" allowscriptaccess="always" type="application/x-shockwave-flash" height="300" width="407"></embed>
      </object>
</div>

Just replace the iframe of the vimeo video and change the 2x links to the movie you want. There is colour information in the URL string which looks like this: rel=1&color1=0xffffff&color2=0xffffff&border=2&fs=1

This issue will be fixed in version 1.7. But you can sort it manually by…

Place this after the $(function() { in the onload.js

// $('#content-with-images').imagesLoaded( myFunction )
// execute a callback when all images inside a parent have loaded.
// needed because .load() doesn't work on cached images

// Useful for Masonry or Isotope, triggering dynamic layout
// after images have loaded:
//    $('#content').imagesLoaded( function(){
//      $('#content').masonry();
//    });

// mit license. paul irish. 2010.
// webkit fix from Oren Solomianik. thx!

// callback function is passed the last image to load
//   as an argument, and the collection as `this`

$.fn.imagesLoaded = function(callback){
  var elems = this.find('img'),
      len   = elems.length,
      _this = this;

  elems.bind('load',function(){
    if (--len <= 0){ 
      callback.call( _this ); 
    }
  }).each(function(){
    // cached images don't fire load sometimes, so we reset src.
    if (this.complete || this.complete === undefined){
      var src = this.src;
      // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
      // data uri bypasses webkit log warning (thx doug jones)
      this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
      this.src = src;
    }  
  }); 

  return this;
};

then change replace this:

        $wall.masonry({
          columnWidth: 50, 
          // only apply masonry layout to visible elements
          itemSelector: '.box:not(.invis)',
          animate: true,
          animationOptions: {
            duration: 750,          
            easing: 'linear',
            queue: false
          }
        });

with this

     $wall.imagesLoaded( function(){
        $wall.masonry({
          columnWidth: 50, 
          // only apply masonry layout to visible elements
          itemSelector: '.box:not(.invis)',
          animate: true,
          animationOptions: {
            duration: 750,          
            easing: 'linear',
            queue: false
          }
        });
      });