title: Call play(), stop() on hidden <embed> tag using javascript
body: <p>I am creating a simulation page for an application. It requires a set of button controls to <strong>Play, Pause and Stop</strong> sample music. I read some questions on stackoverflow to get the controls working. 
  Some questions that I referred were:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/71899/accessing-hidden-embedded-quicktime-audio">Accessing hidden embedded quicktime audio</a></li>
  <li><a href="https://stackoverflow.com/questions/16085047/how-to-use-embed-tag-for-music-player-control">How to USE &lt;embed&gt; tag for music player control?</a></li>
  <li><a href="https://stackoverflow.com/questions/14497631/how-can-use-javascript-to-control-audio-in-the-embed-tag">how can use JavaScript to control audio in the embed tag</a></li>
  <li><a href="https://stackoverflow.com/questions/187098/cross-platform-cross-browser-way-to-play-sound-from-javascript">Cross-platform, cross-browser way to play sound from Javascript?</a></li>
  </ul>
  
  <p>My problem starts when I set hidden="true" in embed tag and try to call javascript function. I have tried putting  tag in a hidden div but it does not work.</p>
  
  <p>Embed tag code:</p>
  
  <pre><code>&lt;embed src="abc.mp3" AutoStart="false"  loop="false" height="0" width="0" hidden="true" /&gt;
  </code></pre>
  
  <p>Javascript to access embed tag methods.</p>
  
  <pre><code>document.embeds[0].Play();
  </code></pre>
  
  <p>cheers</p>