It does not show YouTube IFRAME in Ionic package build iOS


#1

There is a problem - it does not show YouTube IFRAME in Ionic package build iOS. In package build Android and Web all good. I found sample - https://github.com/mhartington/ionic-video with

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

, tired - does not show.


Variant with

.controller('HomeTabCtrl', function($scope) {
	$scope.trustSrc = function(src) {
		return $sce.trustAsResourceUrl(src);
	}
	$scope.movie = {
		src : "http://www.youtube.com/embed/Gym1QEsdHI0",
		title : "Egghead.io AngularJS Binding"
	};
});

does not show in iOS too, in Android working.

Tell me, please, in what could be the problem. Thanks in advance for your help.

P.S. Just I checked, if you build the same project with PhoneGap everything works fine. Why?


#2

I am facing the same issue with iOS ionic builds.
I am using $sce.trustAsResourceUrl to allow the Youtube urls and in my config.xml I have . I am getting no error in console i.e no CORS issue no CSP issue.

NOTE: Its working fine in iOS Safari, Android ionic build. Chrome.