剛學習Ionic寫Hybrid App，AngularJS想要在頁面中載入Youtube影片，可以怎麼做呢？
![[Ionic][AngularJS] 載入Youtube影片.png](https://cg2010studio.files.wordpress.com/2016/10/ionicangularjs-e8bc89e585a5youtubee5bdb1e78987.png?w=540)
原來可以這麼容易實現！
在Result.html中寫：
<ion-view view-title="學習成果" hide-nav-bar="true">
<div class="bar bar2-header">
<h1 class="title">學習成果</h1>
</div>
<ion-content>
</br></br></br></br></br>
<iframe class="youtube-player" type="text/html" width=100% height="385" ng-src="{{trustSrc(movie.src)}}" allowfullscreen frameborder="0">
</ion-content>
</ion-view>
在controllers.js中寫：
.controller('ResultCtrl', function($scope, $sce) {
$scope.trustSrc = function(src) {
return $sce.trustAsResourceUrl(src);
}
$scope.movie = {src:"https://www.youtube.com/embed/fdQgPu3iUYk", title:"好想你～"};
})
是有個問題待解決，怎麼決定Youtube影片高度？寬度設定100%馬上有效果，可是高度就不是啦⋯⋯有請高手幫忙！
好想你 I MiSS U這部影片是阿雅推薦給我聽的，說適合我和泰國女孩的相處狀況。
參考：External resource not being loaded by AngularJs。
廣告
發表留言