1

我已经在 app.gradle 中成功实现了 com.pierfrancescosoffritti.androidyoutubeplayer:core:10.0.3 但我不知道如何使用 lib 在 html 中添加 YoutubePlayerView

我试图以编程方式实现它，但没有任何运气。我的代码：

应用程序.gradle

dependencies {
  implementation 'com.pierfrancescosoffritti.androidyoutubeplayer:core:10.0.3'
}

组件.ts

declare const com: any;
const androidYtPlayer = com.pierfrancescosoffritti.androidyoutubeplayer.core.player.views.YouTubePlayerView;

pageLoaded(args:EventData){
    let youTubePlayerView = new androidYtPlayer(this);
    youTubePlayerView.videoId = `${this.id}`;
    let page = <Page>args.object;
    const stack = <StackLayout>page.getViewById("stack");
    stack.addChild(youTubePlayerView);

  }

组件.html

<YoutubePlayerView id="youtube-player" videoId="id"></YoutubePlayerView>

我预计会显示一个 youtube 视频，但会显示一个错误：com.pierfrancescosoffritti.androidyoutubeplayer.core.player.views.YouTubePlayerView 没有足够的参数。我应该怎么做才能使用这个本机库？

4

1 回答 1

0

我以前试过这个，但最后搬到了nativescript-youtubeplayer. 它非常易于使用，您只需使用添加该插件即可

tns plugin add nativescript-youtubeplayer

并从 'nativescript-youtubeplayer/angular' 导入 { YoutubePlayerModule }；

@NgModule({
    imports: [
    YoutubePlayerModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

在你的 html 中

<YoutubePlayer id="player" apiKey="AIzaSyCDH3BGQZT2ebUfSE8D3I8NLqaCPu4FRh0" src="{{src}}" height="250" width="100%" backgroundColor="gray"></YoutubePlayer>

有关这方面的进一步阅读，您可以参考此处。

于 2019-08-16T03:23:01.647 回答