Question

我是Ionic的新手，我正在尝试用离子1构建一个应用程序。除了ng-src中的视频URL外，一切正常。这是我的代码

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

拒绝显示＆＃39; youtube.com/watch?v = 4me16JMuBbs＆＃39 ;;在一个框架中因为它设置了X-Frame-Options＆＃39;到＆＃39; SAMEORIGIN＆＃39;

Answer 1

您应将视频网址修改为可嵌入版本：

这是您的网址无效，因为YouTube不允许将其嵌入到iFrame中

youtube.com/watch?v=4me16JMuBbs

这是正确的网址

youtube.com/embed/4me16JMuBbs

对于 YouTube ，您可以这样做（您应该测试每个网址是否具有相同的格式）

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>

离子iframe ng-src youtube视频链接不起作用

2 个答案: