title: dynamic filled src in embed tag not showing flash
body: <p>this code here <strong>works</strong> if the src is filled with my videolink</p>
  
  <pre><code>&lt;object width="620" height="348"&gt;
      &lt;param name="allowfullscreen" value="true"/&gt;
      &lt;param name="allowscriptaccess" value="always"/&gt;
      &lt;embed src="myvideolink...." type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="620" height="348"/&gt;
  &lt;/object&gt;
  </code></pre>
  
  <p>now my next step is to fill it via javascript</p>
  
  <pre><code>$('a.videolink, a.videobutton, a.articlevideobutton').click(function(event){
      event.preventDefault();
      $('.video object embed').attr('src', $(this).attr('href'));
  });
  </code></pre>
  
  <p>but this isnt working... empty flash is displayed. but the generated source code seems ok. the href of the link is in the src attribute of the ebmed tag.</p>
  
  <p>EDIT: i did this now. source code is correct again but still not playing my video</p>
  
  <pre><code>$('a.videolink, a.videobutton, a.articlevideobutton').click(function(event){
      event.preventDefault();
      $('.video').append('&lt;object width="620" height="348"&gt;&lt;param name="allowfullscreen" value="true"/&gt;&lt;param name="allowscriptaccess" value="always"/&gt;&lt;embed src="'+$(this).attr('href')+'" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="620" height="348"/&gt;&lt;/object&gt;');
  });
  </code></pre>