title: How to change the video playing in Youtube embedded player?
body: <p>I'd like to make a playlist, where a click on each <code>&lt;li&gt;</code> will change the video link just below. The list will look like this:</p>
  
  <ul>
  <li><p>video1 </p>
  
  <pre><code>&lt;li&gt;&lt;a href="MzfAvHlIVjE&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999"&gt;"&gt;video1&lt;/a&gt;&lt;/li&gt;
  </code></pre></li>
  <li><p>bbbbb</p></li>
  <li>ccccc</li>
  </ul>
  
  <hr>
  
  <p>video player here</p>
  
  <hr>
  
  <p>So clicking on aaaaa will play aaaaa , clicking on bbbbb will play bbbbb, etc.</p>
  
  <p>I'd like to make it ajax, without redraw, just clic and play.</p>
  
  <p>Here is the youtube object to edit</p>
  
  <pre><code>&lt;object width="320" height="265"&gt;
    &lt;param name="movie" value="http://www.youtube.com/v/MzfAvHlIVjE&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999"&gt;&lt;/param&gt;
    &lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;
    &lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;
    &lt;embed src="http://www.youtube.com/v/MzfAvHlIVjE&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"&gt;&lt;/embed&gt;
  &lt;/object&gt;
  </code></pre>
  
  <p>How can I change the video playing in Youtube embedded player ?</p>