title: Play a video when dragged into an area with Jquery
body: <p>I am trying to find a way to drag a video into a droppable area using JQUery.  When this video is dropped into the area, it will both expand and begin to play.  I also want to be able to drag the video back out and have it stop which allows the user to drag another video in...any ideas on how this would be done??</p>
  
  <p>All I have now is </p>
  
  <pre><code>$function () 
  {
      $("#drag").draggable();
      $("#drop").droppable(
      {
          drop: function (event, ui) 
          {
              $(this)
                  .addClass ("ui-state-highlight")
                  .find("p")
                  .html("dropped!");
          }
      });
  });
  </code></pre>