title: videogular, multiple video on one page
body: <p>Could you please publish somewhere an example, how to control two siblings video on one page produced by ng-repeat from a parent controller: "play both", play left", "pause both", etc: [<a href="http://plnkr.co/edit/bvTvBNo3B4yydbzIOraX]" rel="nofollow">http://plnkr.co/edit/bvTvBNo3B4yydbzIOraX]</a> .  I know how to do it with jQuery, but not with videogular:  </p>
  
  <pre><code>    &lt;button onclick="$('video')[0].play();"&gt; Play_rlx &lt;/button&gt;
      &lt;button onclick="$('video')[1].play();"&gt; Play_tl &lt;/button&gt;
      &lt;button onclick="$('video').each(function(){$(this)[0].play() });"&gt; Play both &lt;/button&gt;
      &lt;button onclick="$('video').each(function(){$(this)[0].pause()});"&gt; Pause both &lt;/button&gt;    
  
    &lt;div  ng-app= "myApp" ng-controller="ctr" 
          ng-init= "cars= ['rlx', 'tl']; \
                    root='https://dl.dropboxusercontent.com/u/37458038/54_honda/'"&gt;
  
      &lt;div ng-repeat="car in cars" class="videogular-container" style="width:400px; height:300px"&gt;
        &lt;h3&gt;car: {{ car }}&lt;/h3&gt;
  
        &lt;videogular&gt;
          &lt;vg-media vg-src="[{src: root+car+'/4youtubeSD.mp4', type: 'video/mp4'}]"&gt;
          &lt;/vg-media&gt;
        &lt;/videogular&gt;
  
      &lt;/div&gt;    
    &lt;/div&gt;
  </code></pre>