How can i bind i frame youtube from json file


hi every body
today i have problem in my app

i have json file that have details about youtube links
like this

         "Title": "1",
         "Photo": "channel1",
         "Link": ""
         "Title": "2",
         "Photo": "channel2",
         "Link": ""
         "Title": "3",
         "Photo": "channel3",
         "Link": ""
         "Title": "4",
         "Photo": "channel4",
         "Link": ""

and this html

<ion-view view-title="Channel">
	<ion-content ng-controller="ChannelController">
            <ion-item ng-repeat="item in channel  | filter: { Title : whichchannel }"> 
                <div class="video-container">
                    <iframe src="{{item.Link}}" frameborder="0" allowfullscreen></iframe>

result in app

You don’t have permission to access /<iframe src=' on this server.

can any body help me


any body can solve this problem


Looks like you might need to whitelist youtube…

angular.module('myApp', []).config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist(['self', new RegExp('^(http[s]?):\/\/(w{3}.)?youtube\.com/.+$')]);