angularjs - videogular、1 ページに複数のビデオ

Question

親コントローラーから ng-repeat によって生成された 1 つのページで 2 つの兄弟のビデオを制御する方法の例をどこかに公開してください。「両方再生」、「左再生」、「両方一時停止」など: [ http://plnkr. co/edit/bvTvBNo3B4yydbzIOraX] .私はjQueryでそれを行う方法を知っていますが、videogularでは知りません:

    <button onclick="$('video')[0].play();"> Play_rlx </button>
    <button onclick="$('video')[1].play();"> Play_tl </button>
    <button onclick="$('video').each(function(){$(this)[0].play() });"> Play both </button>
    <button onclick="$('video').each(function(){$(this)[0].pause()});"> Pause both </button>    

  <div  ng-app= "myApp" ng-controller="ctr" 
        ng-init= "cars= ['rlx', 'tl']; \
                  root='https://dl.dropboxusercontent.com/u/37458038/54_honda/'">

    <div ng-repeat="car in cars" class="videogular-container" style="width:400px; height:300px">
      <h3>car: {{ car }}</h3>

      <videogular>
        <vg-media vg-src="[{src: root+car+'/4youtubeSD.mp4', type: 'video/mp4'}]">
        </vg-media>
      </videogular>

    </div>    
  </div>