ionic iframe ng-src youtube видео ссылка не работает

Question

Я новичок в Ionic, я пытаюсь создать приложение с ионным 1. Все работает отлично, за исключением URL-адреса видео в ng-src. Вот мой код

$scope.trustSrc = function(src) { 
    return $sce.trustAsResourceUrl(src); 
    } 
<iframe width="100%" height="315" ng-src="{{trustSrc(guide.video_url)}}" frameborder="0" allowfullscreen></iframe> 

Отказался для отображения 'youtube.com/watch?v=4me16JMuBbs'; в кадре, потому что он установлен «X-Frame-Options» до «SAMEORIGIN»

Answer 1

Вы должны изменить видео URL к встраиваемой версии:

Это ваш URL, который не работает, потому что YouTube Безразлично» т позволяют встроить его в плавающем фрейме

youtube.com/watch?v=4me16JMuBbs 

Это правильный URL

youtube.com/embed/4me16JMuBbs 

для YouTube вы можете сделать это следующим образом (вы должны проверить, если каждый URL имеет тот же формат)

url.replace('watch?v=', 'embed/') 

Для Vimeo вы можете сделать это следующим образом (вы должны проверить это тоже):

url.replace('vimeo.com', 'player.vimeo.com/video') 

Answer 2

Попробуйте

<iframe width="100%" height="315" ng-bind-html="trustAsResourceUrl" frameborder="0" allowfullscreen></iframe> 


in your controller first add `'$sce' then 

$scope.trustSrc = function(src) { 
$scope.trustAsResourceUrl = $sce.trustAsHtml(//Your URL code); 

} 

ИЛИ

<iframe width="100%" height="315" src="{{trustAsResourceUrl}}" frameborder="0" allowfullscreen></iframe>