Error installing cordova plugins

cordova
3

The code that I was using that used to work was:

<div class="video-container">
  <iframe ng-src="{{ 'https://www.youtube.com/embed/' + video.key }}" frameborder="0" allowfullscreen></iframe>
</div>

I used the css provided by @mhartington here and it worked perfectly.

In my .config:

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

That was my setup that was working for me but for some reason they are blank. Since then I have tried using http instead of https. I have also tried loading the video differently using $sce.trustAsResourceUrl provided by @mhartington here.

The way I used that goes as follows:

<div class="video-container">
   <iframe ng-src="{{ trustSrc(video.key) }}" frameborder="0" allowfullscreen></iframe>
</div>

and in my controller:

$scope.trustSrc = function(key) {
      return $sce.trustAsResourceUrl('http://www.youtube.com/embed/' + key);
  }

These have both worked fine in the browser but on a device it is just showing up as a blank white space. The iframe used to work fine on a device so I’m at a loss for what the problem could be. Is there anything else I should try to solve this problem?