Sé que esto es largo, pero por favor tengan paciencia conmigo. El problema es fácil de entender, solo toma un poco de escritura para explicarlo completamente.

En este momento estoy recibiendo este error

Error: [$interpolate:noconcat] Error while interpolating: 
Strict Contextual Escaping disallows interpolations that concatenate multiple expressions when a trusted value is required.  
See http://docs.angularjs.org/api/ng.$sce

He leído toda la documentación, pero todavía no puedo encontrar una solución para mi problema.

Estoy usando $ http.get en una fuente privada en línea que tiene datos que son similares a la forma de un archivo json (por lo que no puedo modificar los datos). Los datos se ven así:

...
"items": [
  {
   "kind": "youtube#searchResult",
   "etag": "\"N5Eg36Gl054SUNiWWc-Su3t5O-k/A7os41NAa_66TUu-1I-VxH70Rp0\"",
   "id": {
      "kind": "youtube#video",
      "videoID": "MEoSax3BEms"
      },
   },
   {
    "kind": "youtube#searchResult",
    "etag": "\"N5Eg36Gl054SUNiWWc-Su3t5O-k/VsH9AmnQecyYBLJrl1g3dhewrQo\"",
    "id": {
       "kind": "youtube#video",
       "videoID": "oUBqFlRjVXU"
       },
    },
...

Estoy tratando de interpolar el videoId de cada elemento en mi iframe HTML que incorpora el video de YouTube. En mi archivo controller.js, configuro el objeto de promesa después de $ http.get como tal

$http.get('privatesource').success(function(data) {
  $scope.videoList = data.items;
});

Así que ahora la variable "$ scope.videoList" está asignada a data.items, que tiene muchos elementos de video. En mi archivo HTML, puedo recuperar el videoID de cada video usando

<ul class="videos">
  <li ng-repeat="video in videoList">
    <span>{{video.id.videoID}}</span>
  </li>
</ul>

y esto enumera todos los ID de video. Pero si trato de concatenar estos valores a una URL, comohttps://youtube.com/embed/, No funciona.

<div ng-repeat="video in videoList">
    <iframe id="ytplayer" type="text/html" width="640" height="360" 
     ng-src="https://www.youtube.com/embed/{{video.id.videoId}}" 
     frameborder="0" allowfullscreen></iframe>
</div>

¿Hay alguna manera de hacer que el videoID se interpole en la URL de YouTube? He intentado incluir en la lista blanca utilizando $ sceDelegateProvider de la siguiente manera, pero aún no funciona

$sceDelegateProvider.resourceUrlWhitelist([
  'self',
  'https://www.youtube.com/**']);

Cualquier ayuda es apreciada. ¡Gracias!