Question

Necesito ayuda chicos, aun soy un poco novato en esto y me he quedado bloqueado a ver si alguien me puede ayudar, tengo una pequeña aplicacion en angularJS que recoje el código del video de youtube el nombre y la descripcion, muestra estos datos que los saco mediente php lo conviearto a JSON y lo leo a javascript, asta ahi todo bien, tengo la tabla echa ordenable y funciona perfecto, pero quiero que al pulsar en ver de cada video me lo reproduzca en la parte superior y no se como hacerlo a ver si me podeis ayudar...os pego el codigo:

        <section>
            <h1>Videos</h1>
            <article ng-controller="buscar">
               <div ng-controller="MainCtrl" >
                  <div my-youtube code="code">

                  </div>

               </div>
                <div>
                    <label class="buscar">Buscar <input type="search" ng-model="buscar"></label>
                </div>
<table class="tablaVideos" ng-controller="ordenar" >
    <tr>
      <th>
        <a href="" ng-click="order('Nombre')">Nombre</a>
        <span class="trianguloVideos" ng-show="filtro === 'Nombre'" ng-class="{revertir:revertir}"></span>
      </th>
      <th>
        <a href="" ng-click="order('Fecha')">Fecha</a>
        <span class="trianguloVideos" ng-show="filtro === 'Fecha'" ng-class="{revertir:revertir}"></span>
      </th>
      <th>
        <a href="">Descripcion</a>
        <span class="trianguloVideos" ng-show="filtro === 'Descripcion'" ng-class="{revertir:revertir}"></span>
      </th>
    </tr>
    <tr ng-repeat="entrada in videos | orderBy:filtro:revertir | filter: buscar">
     <td><a ng-click="verVideos(entrada.Link)" href="">ver</a></td>
      <td class="Nombre">{{ entrada.Nombre }}</td>
      <td class="Fecha">{{ entrada.Fecha }}</td>
      <td>{{ entrada.Descripcion }}</td>
    </tr>
  </table>
            </article>
        </section>
        <footer>
            <div><figure><a href="www.galaxiaempirica.es" target="_blank"><img src="../image/galaxia-empirica.png" alt=""></a></figure></div>
        </footer>
    </div>
<!--    SCRIPT DE ANGULAR-->
    <script>
    var aplicacion = angular.module('videos', [])

    aplicacion.controller('buscar',['$scope', function($scope){
            $scope.videos = listaVideos
    }])
    aplicacion.controller('ordenar',['$scope', function($scope){
        $scope.videos = listaVideos
        $scope.filtro = 'Fecha';
        $scope.revertir = true;
        $scope.order = function(filtro) {
        $scope.revertir = ($scope.filtro === filtro) ? !$scope.revertir : false;
        $scope.filtro = filtro;
      };
    }])

        aplicacion.controller('MainCtrl', function($scope) {
          $scope.code = 'verVideos';

        });
      aplicacion.directive('myYoutube', function($sce) {
          return {
            restrict: 'EA',
            scope: { code:'=' },
            replace: true,
            template: '<div style="height:400px;"><iframe style="overflow:hidden;height:100%;width:100%" width="100%" height="100%" src="{{url}}" frameborder="0" allowfullscreen></iframe></div>',
            link: function (scope) {
                console.log('here');
                scope.$watch('code', function (newVal) {
                   if (newVal) {
                       scope.url = $sce.trustAsResourceUrl("http://www.youtube.com/embed/" + newVal);
                   }
                });
            }
          };
        });

    </script>

alguien puede ayudarme? muchisimas gracias.