title: Vimeo/Youtube playback Jquery .click() function... I don't even know how to word this question
body: <p>This is complicated.  Let's start with what I am doing.  </p>
  
  <p>I am using the Masonry Jquery Plugin (http://desandro.com/demo/masonry/docs/basic-single-column.html) to align a variety of divs (.box).   I am them using a script that will expand the div '.box' from it's original 200px width, to 400px in width.  When clicked again, the .box collapses.  This all works just fine.  View what I am doing here: <a href="http://jsfiddle.net/ryanjay/fgNMJ/" rel="nofollow">http://jsfiddle.net/ryanjay/fgNMJ/</a> </p>
  
  <p>What I want to do is also display videos.  Embed them either from YouTube or Vimeo(preference).  I can add the embed code from a Vimeo video into a .box and resize it using this Jquery code: </p>
  
  <pre><code>$('.video').css({
      width: '100%',
      height: 'auto'
  });
  </code></pre>
  
  <p>The HTML would look like this: </p>
  
  <pre><code>&lt;div class="box" id="videoBox"&gt;
  &lt;iframe src="http://player.vimeo.com/video/16916715?title=0&amp;amp;byline=0&amp;amp;portrait=0&amp;amp;color=ffffff" width="400" height="225" frameborder="0" class="video"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've added a class "video" to the embed code.  This resizes the video to the correct dimensions of a width of 200px and a height of what ever it needs to be.  You can view what it looks like here: <strong>http://jsfiddle.net/ryanjay/P3RBx/</strong></p>
  
  <p>Now this is where is gets complicated and I don't even know where to start on making this work, or if it's possible.  When the video is clicked, I want it to expand to a width of 400px and a height of what ever it needs to be, auto, and then either start playing, or then the user can click play. </p>
  
  <p>I had the idea of just making an image of the video, and then when that box is clicked it would hide the image, resize the box, then show the video, but I even ran into problems with that.  </p>
  
  <p>God I hope all this makes sense and I hope someone can help me. Ha.  Thinking about how to solve this is making my head melt.  If someone thinks they have an answer I would love it if you can put it into a jsFiddle document and show the entire code.  I am horrible at adding new code and it's taken forever just to get to this point.  I am new at all of this, and am slowly learning!  </p>
  
  <p>Thanks</p>