title: Music Website, embed live radio player, make invisible and keep control
body: <p>I need to create a music website for my IT course
  So far I have all my pages but it must include a live radio page</p>
  
  <p>I want to embed Capital FM onto that page </p>
  
  <p>What I've done is added <a href="http://www.capitalfm.com/london/on-air/player/" rel="nofollow noreferrer">this webpage</a> into an iframe and made it 0x0 so it's hidden </p>
  
  <pre><code>&lt;body&gt;
      &lt;iframe width="0" scrolling="no" height="0" frameborder="0" src="http://www.capitalfm.com/london/on-air/player/" seamless="seamless"&gt;
  &lt;body&gt;
  </code></pre>
  
  <p>Now, I have to have a play and pause button so users can obviously stop the music if they wish.</p>
  
  <p>My question, how would I keep the iframe hidden but have the play and pause buttons link to it and stop it?<br>
  Or even have the play and pause toggle a mute</p>
  
  <p>Thanks</p>