title: Displaying Multiple Youtube Videos with Show/Hide DIV Layers
body: <p>I have a problem in this example:
  <a href="http://modstudio.eu/facebook/hq/vid.php#" rel="nofollow">http://modstudio.eu/facebook/hq/vid.php#</a></p>
  
  <p>How do I handle multiple groups of videos to be displayed when their corresponding thumbnail is clicked? and stop all other videos being played? </p>
  
  <p>It is for a site <a href="https://modstudio.eu/facebook/hq/live2.php" rel="nofollow">https://modstudio.eu/facebook/hq/live2.php</a> which handes multiple videos. This may help explain what i'm trying to accomplish.</p>
  
  <p>I assume it's something to do with the <code>&lt;div class="vidContainer" id="vidContainer"&gt;
  </code></p>
  
  <p>I tried adding section='A', section='B' etc to the DIV vidContainers so the script knonws which corresponds to which but i'm not too sure how to change the javascript to correspond to changing the videos to only that specific container. </p>
  
  <p>Any thoughts?</p>