Javascript ionic iframe ng src youtube视频链接不工作

我是新来的爱奥尼亚，我正在尝试建立一个应用程序与爱奥尼亚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>

$scope.trustSrc=函数（src）{
返回$sce.trustAsResourceUrl（src）；
}

---

拒绝显示“youtube.com/watch？v=4me16JMuBbs”；在帧中，因为它将“X-frame-Options”设置为“SAMEORIGIN”

您应该将视频URL修改为可嵌入版本：

这是因为YouTube不允许将其嵌入iFrame中而无法正常工作的URL

youtube.com/watch?v=4me16JMuBbs

这是正确的URL

youtube.com/embed/4me16JMuBbs

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

对于Vimeo您可以这样做（您也应该测试它）：

试试这个

<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);

}  

在控制器中，首先添加“$sce”，然后
$scope.trustSrc=函数（src）{
$scope.trustAsResourceUrl=$sce.trustAsHtml（//您的URL代码）；
}  

或

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

什么是错误？？？@WasiqMuhammad这是一个错误，我拒绝在一个帧中显示“”，因为它将“X-frame-Options”设置为“SAMEORIGIN”。数据来自数据库，用户可以上传任何youtube或vimeo url。我想我必须在controller中转换url…让我试试。。。谢谢

<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>