如何从Ionic 2框架的Angular 2的Youtube频道获取视频？

-5

我是新来的Angular 2和Ionic 2，所以我没有得到如何获取和显示我的Angular 2 android应用程序的视频的想法。如何从Ionic 2框架的Angular 2的Youtube频道获取视频？

.component.js文件

export class HomePage implements OnInit { 
private videoListArr = []; 
private title = []; 
private objArr; 
baseUrl: string = 'https://www.youtube.com/embed/'; 
private homes = []; 
constructor(private sanitizer: DomSanitizer, public navCtrl: NavController, private _homeService: HomeService) { } 
ngOnInit() { 
this._homeService.getHome() 
    .subscribe(response =>this.homes.push(JSON.parse(JSON.stringify(response))), 
    error => alert(error), 
() => { 
    this.objArr = this.homes; 
    this.objArr[0].items.forEach(element => { 
     var url = element.snippet.resourceId.videoId; 
     this.title.push(element.snippet.title); 
     this.videoListArr.push({ 
     videoUrl: this.sanitizer.bypassSecurityTrustResourceUrl(this.baseUrl + url), 
     videoTitle: element.snippet.title, 
     videoDesc: element.snippet.description 
     }); 

    }); 

    } 
) 
} 

    }

来源

2017-02-27 Pawan

请添加一些代码或任何你已经尝试到目前为止。 –

与乔恩聪明的补充尝试科尔多瓦YoutubeVideoPlayer：https://github.com/JonSmart/CordovaYoutubeVideoPlayer – JanP

我解决了这个问题谢谢！ – Pawan

您可以使用嵌入YouTube视频在您的应用程序。

说你的YouTube网址是：https://www.youtube.com/watch?v=a6KGPBflhiM

您的嵌入代码是：

<iframe width="560" height="315" src="http://www.youtube.com/embed/a6KGPBflhiM" frameborder="0" allowfullscreen></iframe>

注：您需要更换URL像我这样做。

此外，请发布任何问题之前做一个基本的搜索。 :)

来源

2017-02-27 06:19:03

如何从Ionic 2框架的Angular 2的Youtube频道获取视频？

回答

相关问题