angularjs - videogular，一页上的多个视频

Question

您能否在某处发布一个示例，如何在由父控制器的 ng-repeat 生成的一个页面上控制两个兄弟姐妹的视频：“同时播放”、向左播放”、“暂停两者”等：[ 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>