title: play html5 video inside iframe from play button in parent
body: <p>I have a web page which contains a video in an iframe.  The videos in the iframe can be changed by pressing links on the page.
  I have a play and pause button on the parent page that I want to use to start and stop playback of the videos in the iframe.</p>
  
  <p>on a page without an iframe i used this code to make the video play and pause</p>
  
  <pre><code>    &lt;script&gt; 
  var vid = document.getElementById("VIDEO"); 
  
  function playVid() { 
      VIDEO.play(); 
  } 
  
  function pauseVid() { 
      VIDEO.pause(); 
  } 
  &lt;/script&gt;
  </code></pre>
  
  <p>I need to get this script to reference the video in the iframe.  Any ideas how I could get this to work?</p>
  
  <p>Note: the videos appearing in the iframes are each embedded on their own page so I could set them to not show play controls and to play looped.</p>